<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>内容导航</title>
    <!--<link href="fontImage/iconfont.css" rel="stylesheet">-->
    <link href="css/index.css" rel="stylesheet">

</head>
<body>
<aside>
    <h1>Aig 导航</h1>
    <nav>
        <div>
            <h2>主要书签</h2>
            <div class="subLeftBar">
                <ul class="asideNav">
                    <li>
                        <a href="#frequentBookmarks">个人书签</a>
                    </li>
                    <li>
                        <a href="#searchOption">搜索引擎</a>
                    </li>
                    <li>
                        <a href="#emailList">邮箱</a>
                    </li>
                    <li>
                        <a href="#nodeStudy">nodeJS知识</a>
                    </li>
                    <li>
                        <a href="#fontEndStudy">前端教程</a>
                    </li>
                    <li>
                        <a href="#fontEndTools">前端工具</a>
                    </li>
                    <li>
                        <a href="#fontEndBlog">前端博客</a>
                    </li>
                    <li>
                        <a href="#fontEndResource">前端资源</a>
                    </li>
                    <li>
                        <a href="#fontEndNews">前端资讯</a>
                    </li>
                    <li>
                        <a href="#othersBlog">其他博客</a>
                    </li>
                    <li>
                        <a href="#algorithmCoding">算法编程</a>
                    </li>

                    <li>
                        <a href="#fontEndTemp">前端碎片</a>
                    </li>
                    <li>
                        <a href="#wallpaper">相片壁纸</a>
                    </li>
                    <li>
                        <a href="#versionControl">版本控制</a>
                    </li>
                    <li>
                        <a href="#personalStudy">终身学习</a>
                    </li>
                    <li>
                        <a href="#otherNews">其他资讯</a>
                    </li>
                    <li>
                        <a href="#othersNav">导航</a>
                    </li>
                </ul>
            </div>
        </div>
        <div>
            <h2>次要书签</h2>
            <div class="subLeftBar">
                <ul class="asideNav">
                    <li>
                        <a href="#englishDictionary">英文词典</a>
                    </li>
                    <li>
                        <a href="#translation">查词翻译</a>
                    </li>
                    <li>
                        <a href="#computerRelation">电脑相关</a>
                    </li>
                    <li>
                        <a href="#othersResource">其他资料</a>
                    </li>
                    <li>
                        <a href="#freeInterest">娱乐休闲</a>
                    </li>
                    <li>
                        <a href="#ancientTradition">国学</a>
                    </li>
                    <li>
                        <a href="#resourceCoding">源码</a>
                    </li>
                    <li>
                        <a href="#eBookAndWebStorage">电子书网盘</a>
                    </li>
                    <li>
                        <a href="#englishStudy">英文学习</a>
                    </li>
                    <li>
                        <a href="#resourceShare">资源分享</a>
                    </li>
                    <li>
                        <a href="#music">音乐</a>
                    </li>
                </ul>
            </div>
        </div>
    </nav>

</aside>
<main>
        <article>
                <section id="frequentBookmarks" class="sectionNav">
                    <h2>个人书签</h2>
                    <section class="content">
                        <a href="https://github.com/" target="_blank" class="detailContent">
                            <h3>
                                github
                            </h3>
                            <div class="showContent">
                                github
                            </div>
                        </a>
                        <a href="http://zhxxgc.huatec.com/channels/54.html" target="_blank" class="detailContent">
                            <h3>
                                智慧学习工场
                            </h3>
                            <div class="showContent">
                                智慧学习工场
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/" target="_blank" class="detailContent">
                            <h3>
                                哔哩哔哩
                            </h3>
                            <div class="showContent">
                                哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                            </div>
                        </a>
                        <a href="https://stackoverflow.com/" target="_blank" class="detailContent">
                            <h3>
                                stack overflow
                            </h3>
                            <div class="showContent">
                                where developers learn, share, &amp; build careers
                            </div>
                        </a>
                        <a href="https://css-tricks.com/" target="_blank" class="detailContent">
                            <h3>
                                css-tricks
                            </h3>
                            <div class="showContent">
                                css-tricks
                            </div>
                        </a>
                        <a href="https://www.aliyun.com/?spm=a2c44.11131515.0.0.4873525cpi3nv8" target="_blank" class="detailContent">
                            <h3>
                                阿里云
                            </h3>
                            <div class="showContent">
                                上云就上阿里云
                            </div>
                        </a>
                        <a href="https://www.yunpanjingling.com/user/dashboard" target="_blank" class="detailContent">
                            <h3>
                                云盘精灵
                            </h3>
                            <div class="showContent">
                                会员中心 - jousindea@qq.com
                            </div>
                        </a>
                        <a href="https://pan.baidu.com/disk/home?errno=0&errmsg=auth%20login%20sucess&&bduss=&ssnerror=0&traceid=&#/all?path=%2f&vmode=list" target="_blank" class="detailContent">
                            <h3>
                                百度网盘
                            </h3>
                            <div class="showContent">
                                百度网盘-全部文件
                            </div>
                        </a>
                        <a href="http://www.cjol.com/" target="_blank" class="detailContent">
                            <h3>
                                中国人才热线
                            </h3>
                            <div class="showContent">
                                找工作_招聘_人才网_中国人才热线
                            </div>
                        </a>
                        <a href="https://chrome.google.com/webstore/category/extensions?hl=zh-cn" target="_blank" class="detailContent">
                            <h3>
                                chrome 网上应用店
                            </h3>
                            <div class="showContent">
                                chrome 网上应用店 - 扩展程序
                            </div>
                        </a>
                        <a href="http://db.foodmate.net/yingyang/" target="_blank" class="detailContent">
                            <h3>
                                食品数据库
                            </h3>
                            <div class="showContent">
                                营养膳食查询 - 食品数据库
                            </div>
                        </a>
                        <a href="https://extfans.com/" target="_blank" class="detailContent">
                            <h3>
                                扩展迷
                            </h3>
                            <div class="showContent">
                                chrome扩展与插件离线安装包商店
                            </div>
                        </a>
                        <a href="https://yuyuanqiu.github.io/" target="_blank" class="detailContent">
                            <h3>
                                waster missure
                            </h3>
                            <div class="showContent">
                                waster missure
                            </div>
                        </a>
                        <a href="https://www.dreamincode.net/" target="_blank" class="detailContent">
                            <h3>
                                dreamincode.net
                            </h3>
                            <div class="showContent">
                                programming and web development help
                            </div>
                        </a>
                    </section>
                </section>
                <section id="searchOption" class="sectionNav">
                    <h2>搜索引擎</h2>
                    <section class="content">
                        <a href="https://www.google.com/" target="_blank" class="detailContent">
                            <h3>
                                google
                            </h3>
                            <div class="showContent">
                                google
                            </div>
                        </a>
                        <a href="https://cn.bing.com/" target="_blank" class="detailContent">
                            <h3>
                                微软 bing 搜索
                            </h3>
                            <div class="showContent">
                                微软 bing 搜索 - 国际版
                            </div>
                        </a>
                        <a href="https://www.baidu.com/" target="_blank" class="detailContent">
                            <h3>
                                百度
                            </h3>
                            <div class="showContent">
                                百度一下，你就知道
                            </div>
                        </a>
                        <a href="https://www.sogou.com/" target="_blank" class="detailContent">
                            <h3>
                                搜狗搜索
                            </h3>
                            <div class="showContent">
                                搜狗搜索引擎 - 上网从搜狗开始
                            </div>
                        </a>
                        <a href="https://www.so.com/" target="_blank" class="detailContent">
                            <h3>
                                360搜索
                            </h3>
                            <div class="showContent">
                                360搜索，so靠谱
                            </div>
                        </a>
                    </section>
                </section>
                <section id="emailList" class="sectionNav">
                    <h2>邮箱</h2>
                    <section class="content">
                        <a href="https://mail.google.com/mail/u/0/#inbox" target="_blank" class="detailContent">
                            <h3>
                                gmail
                            </h3>
                            <div class="showContent">
                                Google 的电子邮件服务
                            </div>
                        </a>
                        <a href="https://mail.qq.com/" target="_blank" class="detailContent">
                            <h3>
                                qq邮箱
                            </h3>
                            <div class="showContent">
                                QQ邮箱，为亿万用户提供高效稳定便捷的电子邮件服务。
                            </div>
                        </a>
                        <a href="https://mail.163.com/" target="_blank" class="detailContent">
                            <h3>
                                163网易免费邮
                            </h3>
                            <div class="showContent">
                                网易163免费邮箱--中文邮箱第一品牌。
                            </div>
                        </a>
                        <a href="https://mail.126.com/" target="_blank" class="detailContent">
                            <h3>
                                126网易免费邮
                            </h3>
                            <div class="showContent">
                                126网易免费邮--你的专业电子邮局
                            </div>
                        </a>
                        <a href="https://www.yeah.net/" target="_blank" class="detailContent">
                            <h3>
                                yeah.net网易免费邮
                            </h3>
                            <div class="showContent">
                                yeah.net网易免费邮--快乐 分享 成长
                            </div>
                        </a>
                        <a href="https://mail.sina.com.cn/" target="_blank" class="detailContent">
                            <h3>
                                新浪邮箱
                            </h3>
                            <div class="showContent">
                                新浪邮箱，提供以@sina.com和@sina.cn为后缀的免费邮箱。
                            </div>
                        </a>
                        <a href="http://mail.10086.cn/" target="_blank" class="detailContent">
                            <h3>
                                中国移动139邮箱
                            </h3>
                            <div class="showContent">
                                139邮箱是中国移动提供的电子邮件业务，以手机号@139.com作为邮箱地址，来邮短信及时提醒,同时提供WEB、WAP、短彩信、APP等多种方式，随时随地收发邮件
                            </div>
                        </a>
                        <a href="http://mail.tom.com/webmail/login/index.action?from_domain=mail.tom.com&tab=0" target="_blank" class="detailContent">
                            <h3>
                                tom免费邮箱
                            </h3>
                            <div class="showContent">
                                tom免费邮箱，用户最常使用电子邮箱服务商之一
                            </div>
                        </a>
                        <a href="https://mail.sohu.com/fe/#/login" target="_blank" class="detailContent">
                            <h3>
                                搜狐闪电邮箱
                            </h3>
                            <div class="showContent">
                                搜狐闪电邮箱
                            </div>
                        </a>
                        <a href="https://mail.21cn.com/w2/index.jsp" target="_blank" class="detailContent">
                            <h3>
                                21cn个人邮箱
                            </h3>
                            <div class="showContent">
                                21CN免费邮箱--中文电子邮箱著名品牌之一。大容量，免费开通手机号码邮，10G超大空间。
                            </div>
                        </a>
                        <a href="https://outlook.live.com/owa/" target="_blank" class="detailContent">
                            <h3>
                                outlook.com
                            </h3>
                            <div class="showContent">
                                outlook.com - microsoft free personal email
                            </div>
                        </a>
                        <a href="https://mail.aliyun.com/alimail/auth/login" target="_blank" class="detailContent">
                            <h3>
                                阿里邮箱个人版
                            </h3>
                            <div class="showContent">
                                阿里邮箱个人版为用户提供高效稳定便捷的电子邮箱服务，免费注册邮箱送2G超大附件。
                            </div>
                        </a>
                    </section>
                </section>
                <section id="nodeStudy" class="sectionNav">
                    <h2>nodeJS知识</h2>
                    <section class="content">
                        <a href="https://nodejs.org/en/" target="_blank" class="detailContent">
                            <h3>
                                node.js
                            </h3>
                            <div class="showContent">
                                node.js
                            </div>
                        </a>
                        <a href="http://nodejs.cn/" target="_blank" class="detailContent">
                            <h3>
                                node.js 中文网
                            </h3>
                            <div class="showContent">
                                node.js 中文网
                            </div>
                        </a>
                        <a href="https://cnodejs.org/" target="_blank" class="detailContent">
                            <h3>
                                cnode
                            </h3>
                            <div class="showContent">
                                cnode：node.js专业中文社区
                            </div>
                        </a>
                        <a href="https://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000/001434501245426ad4b91f2b880464ba876a8e3043fc8ef000" target="_blank" class="detailContent">
                            <h3>
                                node.js
                            </h3>
                            <div class="showContent">
                                node.js - 廖雪峰的官方网站
                            </div>
                        </a>
                        <a href="https://nodejs.jakeyu.top/" target="_blank" class="detailContent">
                            <h3>
                                nodejs-tutorial
                            </h3>
                            <div class="showContent">
                                nodejs-tutorial | 基本教程
                            </div>
                        </a>
                        <a href="https://nqdeng.github.io/7-days-nodejs/" target="_blank" class="detailContent">
                            <h3>
                                七天学会nodejs
                            </h3>
                            <div class="showContent">
                                七天学会nodejs
                            </div>
                        </a>
                        <a href="https://cloud.tencent.com/developer/article/1015746" target="_blank" class="detailContent">
                            <h3>
                                腾讯云
                            </h3>
                            <div class="showContent">
                                nodejs基础：巧用string_decoder将buffer转成string - 云+社区 - 腾讯云
                            </div>
                        </a>
                        <a href="https://juejin.im/post/5cc169845188250aa35bb50d" target="_blank" class="detailContent">
                            <h3>
                                掘金
                            </h3>
                            <div class="showContent">
                                nodejs fs模块 api - 掘金
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/qq_27603235/article/details/79022580" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                node.js 解压版 安装配置 - 奋斗的小火车 - csdn博客
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/qq_29132907/article/details/80181464" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                nodejs的express自动生成项目框架 - 唐策的博客 - csdn博客
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/woshinannan741/article/details/51357464" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                (1条消息)node中http模块详解（服务端篇） - woshinannan的专栏 - csdn博客
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/video/av37928382?p=3" target="_blank" class="detailContent">
                            <h3>
                                bilibili
                            </h3>
                            <div class="showContent">
                                [web前端]14nodejs教程精讲（7天+5天赠送）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                            </div>
                        </a>
                        <a href="https://search.bilibili.com/all?keyword=nodejs&from_source=nav_search" target="_blank" class="detailContent">
                            <h3>
                                bilibili
                            </h3>
                            <div class="showContent">
                                nodejs - 搜索结果 - 哔哩哔哩弹幕视频网 - ( ゜- ゜)つロ 乾杯~ - bilibili
                            </div>
                        </a>
                    </section>
                </section>
                <section id="fontEndStudy" class="sectionNav">
                    <h2>前端教程</h2>
                    <section class="content">
                        <a href="https://leohxj.gitbooks.io/front-end-database/interview/skill-path.html" target="_blank" class="detailContent">
                            <h3>
                                前端工程师手册
                            </h3>
                            <div class="showContent">
                                前端技能图谱 | 前端工程师手册
                            </div>
                        </a>
                        <a href="https://developer.mozilla.org/zh-cn/" target="_blank" class="detailContent">
                            <h3>
                                mdn web 文档
                            </h3>
                            <div class="showContent">
                                mdn web 文档
                            </div>
                        </a>
                        <a href="https://www.ibm.com/developerworks/cn/" target="_blank" class="detailContent">
                            <h3>
                                ibm developerworks 中国
                            </h3>
                            <div class="showContent">
                                ibm developerworks 中国 : ibm&#39;s resource for developers and it pro
                            </div>
                        </a>
                        <a href="http://www.html5star.com/manual/html5label-meaning/" target="_blank" class="detailContent">
                            <h3>
                                html5星空
                            </h3>
                            <div class="showContent">
                                html5 元素标签含义大全(元素周期表)
                            </div>
                        </a>
                        <a href="https://www.canvasapi.cn/" target="_blank" class="detailContent">
                            <h3>
                                canvas api中文网
                            </h3>
                            <div class="showContent">
                                canvas api中文网 - canvas api中文文档首页地图
                            </div>
                        </a>
                        <a href="https://www.svgbackgrounds.com/#liquid-cheese" target="_blank" class="detailContent">
                            <h3>
                                create customizable, hi-def, and scalable backgrounds
                            </h3>
                            <div class="showContent">
                                create customizable, hi-def, and scalable backgrounds
                            </div>
                        </a>
                        <a href="http://css.doyoe.com/" target="_blank" class="detailContent">
                            <h3>
                                css参考手册
                            </h3>
                            <div class="showContent">
                                css参考手册_web前端开发参考手册系列
                            </div>
                        </a>
                        <a href="https://cssbattle.dev/" target="_blank" class="detailContent">
                            <h3>
                                cssbattle
                            </h3>
                            <div class="showContent">
                                cssbattle
                            </div>
                        </a>
                        <a href="http://caibaojian.com/30-seconds-of-css/#grid-centering" target="_blank" class="detailContent">
                            <h3>
                                30 seconds of css 中文版
                            </h3>
                            <div class="showContent">
                                30 seconds of css 中文版，30秒 css 代码片段精选
                            </div>
                        </a>
                        <a href="https://zh.javascript.info/" target="_blank" class="detailContent">
                            <h3>
                                现代 javascript 教程
                            </h3>
                            <div class="showContent">
                                现代 javascript 教程
                            </div>
                        </a>
                        <a href="http://javascript.ruanyifeng.com/" target="_blank" class="detailContent">
                            <h3>
                                javascript 标准参考教程（alpha）
                            </h3>
                            <div class="showContent">
                                javascript 标准参考教程（alpha） -- javascript 标准参考教程（alpha）
                            </div>
                        </a>
                        <a href="https://jsbooks.revolunet.com/" target="_blank" class="detailContent">
                            <h3>
                                jsbooks
                            </h3>
                            <div class="showContent">
                                jsbooks - free javascript books
                            </div>
                        </a>
                        <a href="https://www.jquery123.com/" target="_blank" class="detailContent">
                            <h3>
                                jquery 中文网
                            </h3>
                            <div class="showContent">
                                jquery api 中文文档 | jquery 中文网
                            </div>
                        </a>
                        <a href="http://hemin.cn/jq/" target="_blank" class="detailContent">
                            <h3>
                                jquery 在线手册
                            </h3>
                            <div class="showContent">
                                jquery 在线手册 | jquery api 中文手册 | jquery 速查表 | jquery 参考手册 | jquery chm
                                | jquery 在线文档 | jquery 1.12.1
                            </div>
                        </a>
                        <a href="http://www.jquerycn.cn/" target="_blank" class="detailContent">
                            <h3>
                                jquery 教程
                            </h3>
                            <div class="showContent">
                                jquery 教程_jquery ui_jquery中文网
                            </div>
                        </a>
                        <a href="http://www.jq-school.com/" target="_blank" class="detailContent">
                            <h3>
                                jqueryschool
                            </h3>
                            <div class="showContent">
                                jqueryschool-国内最大的jquery原创分享社区
                            </div>
                        </a>
                        <a href="https://v3.bootcss.com/" target="_blank" class="detailContent">
                            <h3>
                                bootstrap 中文文档
                            </h3>
                            <div class="showContent">
                                bootstrap 是世界上最流行的、移动设备优先的、响应式前端开发框架。
                            </div>
                        </a>
                        <a href="https://ustbhuangyi.github.io/vue-analysis/" target="_blank" class="detailContent">
                            <h3>
                                vue.js 技术揭秘 | vue.js 技术揭秘
                            </h3>
                            <div class="showContent">
                                内容展示
                            </div>
                        </a>
                        <a href="https://guide.aotu.io/docs/" target="_blank" class="detailContent">
                            <h3>
                                aotu.io
                            </h3>
                            <div class="showContent">
                                概述 | aotu.io - 前端代码规范
                            </div>
                        </a>
                        <a href="http://www.lvyestudy.com/" target="_blank" class="detailContent">
                            <h3>
                                绿叶学习网
                            </h3>
                            <div class="showContent">
                                绿叶学习网-给你初恋般的感觉~
                            </div>
                        </a>
                        <a href="https://www.docschina.org/" target="_blank" class="detailContent">
                            <h3>
                                印记中文
                            </h3>
                            <div class="showContent">
                                印记中文 - 深入挖掘国外前端新领域，为中国 web 前端开发人员提供优质文档！
                            </div>
                        </a>
                        <a href="https://www.yiibai.com/" target="_blank" class="detailContent">
                            <h3>
                                易百教程
                            </h3>
                            <div class="showContent">
                                易百教程™ - 专注于it教程和实例
                            </div>
                        </a>
                        <a href="https://www.html.cn/nav/" target="_blank" class="detailContent">
                            <h3>
                                前端文档工具收藏夹
                            </h3>
                            <div class="showContent">
                                前端文档工具收藏夹 - 前端开发资源导航，前端工程师专用的导航站
                            </div>
                        </a>
                        <a href="http://www.shouce.ren/" target="_blank" class="detailContent">
                            <h3>
                                手册网
                            </h3>
                            <div class="showContent">
                                网站开发教程大全 - 在线手册 - 参考手册 - 手册网
                            </div>
                        </a>
                        <a href="http://www.w3school.com.cn/" target="_blank" class="detailContent">
                            <h3>
                                w3school 在线教程
                            </h3>
                            <div class="showContent">
                                w3school 在线教程
                            </div>
                        </a>
                        <a href="http://www.softwhy.com/" target="_blank" class="detailContent">
                            <h3>
                                蚂蚁部落
                            </h3>
                            <div class="showContent">
                                前端教程专业分享网站-蚂蚁部落
                            </div>
                        </a>
                        <a href="https://wangdoc.com/" target="_blank" class="detailContent">
                            <h3>
                                网道
                            </h3>
                            <div class="showContent">
                                网道 - 互联网开发文档
                            </div>
                        </a>
                        <a href="https://www.w3cplus.com/" target="_blank" class="detailContent">
                            <h3>
                                w3cplus
                            </h3>
                            <div class="showContent">
                                w3cplus_引领web前沿，打造前端精品教程
                            </div>
                        </a>
                    </section>
                </section>
                <section id="fontEndTools" class="sectionNav">
                    <h2>前端工具</h2>
                    <section class="content">
                        <a href="https://tool.lu/" target="_blank" class="detailContent">
                            <h3>
                                程序员的工具箱
                            </h3>
                            <div class="showContent">
                                在线工具 - 程序员的工具箱
                            </div>
                        </a>
                        <a href="http://tool.oschina.net/codeformat" target="_blank" class="detailContent">
                            <h3>
                                在线代码格式化
                            </h3>
                            <div class="showContent">
                                在线代码格式化
                            </div>
                        </a>
                        <a href="http://html5test.com/" target="_blank" class="detailContent">
                            <h3>
                                html5test
                            </h3>
                            <div class="showContent">
                                html5test - how well does your browser support html5?
                            </div>
                        </a>
                        <a href="https://www.sojson.com/jshtml.html" target="_blank" class="detailContent">
                            <h3>
                                站长工具
                            </h3>
                            <div class="showContent">
                                html格式化 、html压缩- 站长工具
                            </div>
                        </a>
                        <a href="https://www.css-js.com/" target="_blank" class="detailContent">
                            <h3>
                                js压缩
                            </h3>
                            <div class="showContent">
                                js压缩
                            </div>
                        </a>
                        <a href="https://www.iconfont.cn/" target="_blank" class="detailContent">
                            <h3>
                                iconfont
                            </h3>
                            <div class="showContent">
                                iconfont-阿里巴巴矢量图标库
                            </div>
                        </a>
                        <a href="https://tinypng.com/" target="_blank" class="detailContent">
                            <h3>
                                tinypng
                            </h3>
                            <div class="showContent">
                                tinypng – compress png images while preserving transparency
                            </div>
                        </a>
                        <a href="https://colorspark.app/gradient" target="_blank" class="detailContent">
                            <h3>
                                colorspark
                            </h3>
                            <div class="showContent">
                                colorspark | discover unique colors &amp; gradients.
                            </div>
                        </a>
                        <a href="https://www.yasuotu.com/" target="_blank" class="detailContent">
                            <h3>
                                压缩图
                            </h3>
                            <div class="showContent">
                                压缩图 -在线图片压缩工具(jpg、png、gif)无损压缩50%
                            </div>
                        </a>
                        <a href="https://shields.io/category/build" target="_blank" class="detailContent">
                            <h3>
                                github样式
                            </h3>
                            <div class="showContent">
                                github样式
                            </div>
                        </a>
                        <a href="https://emojipedia.org/" target="_blank" class="detailContent">
                            <h3>
                                📙 emojipedia
                            </h3>
                            <div class="showContent">
                                📙 emojipedia — 😃 home of emoji meanings 💁👌🎍😍
                            </div>
                        </a>
                        <a href="https://sourcegraph.com/search" target="_blank" class="detailContent">
                            <h3>
                                sourcegraph github代码查看
                            </h3>
                            <div class="showContent">
                                sourcegraph github代码查看
                            </div>
                        </a>
                        <a href="https://undraw.co/illustrations" target="_blank" class="detailContent">
                            <h3>
                                illustrations
                            </h3>
                            <div class="showContent">
                                illustrations | undraw图标
                            </div>
                        </a>
                        <a href="http://bigjpg.com/" target="_blank" class="detailContent">
                            <h3>
                                bigjpg
                            </h3>
                            <div class="showContent">
                                bigjpg - ai人工智能图片无损放大 - 使用人工智能深度卷积神经网络(cnn)无损放大图片
                            </div>
                        </a>
                        <a href="http://www.yyyweb.com/3056.html" target="_blank" class="detailContent">
                            <h3>
                                前端里
                            </h3>
                            <div class="showContent">
                                设计师收藏的20款英文手写字体【免费下载】-前端里
                            </div>
                        </a>
                        <a href="http://www.wx-tkd.com/sjtest/" target="_blank" class="detailContent">
                            <h3>
                                移动端测试工具
                            </h3>
                            <div class="showContent">
                                移动端测试工具！网址生成二维码、多屏幕、多尺寸、多颜色、竖屏、横屏
                            </div>
                        </a>
                        <a href="https://cli.im/" target="_blank" class="detailContent">
                            <h3>
                                草料二维码生成器
                            </h3>
                            <div class="showContent">
                                草料二维码生成器
                            </div>
                        </a>
                        <a href="https://codepen.io/" target="_blank" class="detailContent">
                            <h3>
                                在线开发代码测试
                            </h3>
                            <div class="showContent">
                                在线开发代码测试 front end developer playground &amp; code editor in the browser
                            </div>
                        </a>
                        <a href="http://jsrun.net/" target="_blank" class="detailContent">
                            <h3>
                                jsrun
                            </h3>
                            <div class="showContent">
                                jsrun在线js编辑器，在线js调试运行测试, es6在线测试调试运行，es6网页编辑器，比scrimba/jsfiddle/runjs更强的在线运行代码工具
                            </div>
                        </a>
                        <a href="https://www.awesomes.cn/" target="_blank" class="detailContent">
                            <h3>
                                awesomes
                            </h3>
                            <div class="showContent">
                                awesomes-web前端开发资源库
                            </div>
                        </a>
                        <a href="https://npm.taobao.org/" target="_blank" class="detailContent">
                            <h3>
                                淘宝 npm 镜像
                            </h3>
                            <div class="showContent">
                                淘宝 npm 镜像
                            </div>
                        </a>
                    </section>
                </section>
                <section id="fontEndBlog" class="sectionNav">
                    <h2>前端博客</h2>
                    <section class="content">
                        <a href="http://www.daqianduan.com/" target="_blank" class="detailContent">
                            <h3>
                                大前端
                            </h3>
                            <div class="showContent">
                                大前端-关注前端开发
                            </div>
                        </a>
                        <a href="http://www.yyyweb.com/front" target="_blank" class="detailContent">
                            <h3>
                                前端里
                            </h3>
                            <div class="showContent">
                                前端开发-前端里
                            </div>
                        </a>
                        <a href="http://caibaojian.com/" target="_blank" class="detailContent">
                            <h3>
                                前端开发博客
                            </h3>
                            <div class="showContent">
                                前端开发博客-前端开发,前端博客
                            </div>
                        </a>
                        <a href="http://www.yyyweb.com/" target="_blank" class="detailContent">
                            <h3>
                                前端里
                            </h3>
                            <div class="showContent">
                                前端里-专注 web 开发技术和资源分享
                            </div>
                        </a>
                        <a href="http://www.gzui.net/" target="_blank" class="detailContent">
                            <h3>
                                有爱前端
                            </h3>
                            <div class="showContent">
                                有爱前端贵在有爱
                            </div>
                        </a>
                        <a href="https://www.qdfuns.com/" target="_blank" class="detailContent">
                            <h3>
                                前端网
                            </h3>
                            <div class="showContent">
                                前端网（qdfuns） web前端开发工程师专业网站，一站式服务平台！
                            </div>
                        </a>
                        <a href="http://www.admin10000.com/" target="_blank" class="detailContent">
                            <h3>
                                web开发者
                            </h3>
                            <div class="showContent">
                                web开发者 - admin10000.com
                            </div>
                        </a>
                        <a href="http://www.aseoe.com/" target="_blank" class="detailContent">
                            <h3>
                                爱思资源网
                            </h3>
                            <div class="showContent">
                                专注web前端开发工程师教程与php编程设计 - 爱思资源网
                            </div>
                        </a>
                        <a href="http://www.html-js.com/" target="_blank" class="detailContent">
                            <h3>
                                前端乱炖
                            </h3>
                            <div class="showContent">
                                前端乱炖, 最专业的前端技术内容社区
                            </div>
                        </a>
                        <a href="https://www.zhangxinxu.com/" target="_blank" class="detailContent">
                            <h3>
                                张鑫旭的个人主页
                            </h3>
                            <div class="showContent">
                                张鑫旭的个人主页 » 张鑫旭-鑫空间-鑫生活
                            </div>
                        </a>
                        <a href="https://github.com/qianguyihao/web" target="_blank" class="detailContent">
                            <h3>
                                qianguyihao/web
                            </h3>
                            <div class="showContent">
                                qianguyihao/web: web前端入门和进阶学习笔记，超详细的前端学习图文教程。从零开始学前端，做一个web全栈工程师。持续更新...
                            </div>
                        </a>
                        <a href="https://github.com/tnfe/tnfe-weekly" target="_blank" class="detailContent">
                            <h3>
                                tnfe/tnfe-weekly
                            </h3>
                            <div class="showContent">
                                tnfe/tnfe-weekly: 每周为你提供高质量的关于小程序、h5等前端领域的文章和项目
                            </div>
                        </a>
                        <a href="http://blog.doyoe.com/" target="_blank" class="detailContent">
                            <h3>
                                css探索之旅
                            </h3>
                            <div class="showContent">
                                css探索之旅
                            </div>
                        </a>
                        <a href="https://www.cnblogs.com/wangfupeng1988/" target="_blank" class="detailContent">
                            <h3>
                                王福朋 - 博客园
                            </h3>
                            <div class="showContent">
                                王福朋 - 博客园
                            </div>
                        </a>
                        <a href="https://refined-x.com/" target="_blank" class="detailContent">
                            <h3>
                                雅x共赏的前端技术博客x
                            </h3>
                            <div class="showContent">
                                雅x共赏的前端技术博客-前端路上
                            </div>
                        </a>
                        <a href="http://qitiancom.com/" target="_blank" class="detailContent">
                            <h3>
                                前端开发-朱宝祥
                            </h3>
                            <div class="showContent">
                                前端开发-朱宝祥 - 从喜欢到热爱
                            </div>
                        </a>
                        <a href="http://yusi123.com/" target="_blank" class="detailContent">
                            <h3>
                                欲思博客
                            </h3>
                            <div class="showContent">
                                欲思博客- 关注前端和wordpress,分享福利和心得！
                            </div>
                        </a>
                        <a href="https://www.haorooms.com/" target="_blank" class="detailContent">
                            <h3>
                                haorooms博客
                            </h3>
                            <div class="showContent">
                                haorooms博客-前端博客-前端技术，记录web前端开发的技术博客
                            </div>
                        </a>
                        <a href="https://www.layui.com/doc/" target="_blank" class="detailContent">
                            <h3>
                                layui开发使用文档
                            </h3>
                            <div class="showContent">
                                layui开发使用文档 - 入门指南
                            </div>
                        </a>
                        <a href="https://www.jqhtml.com/" target="_blank" class="detailContent">
                            <h3>
                                前端库
                            </h3>
                            <div class="showContent">
                                前端库 - 前端开发，jquery特效，全栈开发，vue开发
                            </div>
                        </a>
                        <a href="http://bonsaiden.github.io/javascript-garden/zh/" target="_blank" class="detailContent">
                            <h3>
                                javascript 秘密花园
                            </h3>
                            <div class="showContent">
                                javascript 秘密花园
                            </div>
                        </a>
                        <a href="https://www.keakon.net/" target="_blank" class="detailContent">
                            <h3>
                                keakon的涂鸦馆
                            </h3>
                            <div class="showContent">
                                keakon的涂鸦馆
                            </div>
                        </a>
                        <a href="https://div.io/#/welcome" target="_blank" class="detailContent">
                            <h3>
                                div.io
                            </h3>
                            <div class="showContent">
                                div.io
                            </div>
                        </a>
                    </section>
                </section>
                <section id="fontEndResource" class="sectionNav">
                    <h2>前端资源</h2>
                    <section class="content">
                        <a href="http://blog.yoogle.top/share/" target="_blank" class="detailContent">
                            <h3>
                                一休资源站
                            </h3>
                            <div class="showContent">
                                一休资源站
                            </div>
                        </a>
                        <a href="https://www.kancloud.cn/explore" target="_blank" class="detailContent">
                            <h3>
                                看云
                            </h3>
                            <div class="showContent">
                                广场 · 看云
                            </div>
                        </a>
                        <a href="http://html5ify.com/fks/fks_chart/" target="_blank" class="detailContent">
                            <h3>
                                html5ify.com
                            </h3>
                            <div class="showContent">
                                html5ify.com/fks/fks_chart/
                            </div>
                        </a>
                        <a href="https://www.jeffjade.com/2016/03/30/104-front-end-tutorial/" target="_blank" class="detailContent">
                            <h3>
                                晚晴幽草轩
                            </h3>
                            <div class="showContent">
                                『引』最全前端资源汇集 | 晚晴幽草轩
                            </div>
                        </a>
                        <a href="http://resource.haorooms.com/" target="_blank" class="detailContent">
                            <h3>
                                haorooms前端资料库
                            </h3>
                            <div class="showContent">
                                前端资源-前端代码整理-记录前端工作中常用的代码片段及插件！ - haorooms前端资料库
                            </div>
                        </a>
                        <a href="https://github.com/advanced-frontend/daily-interview-question" target="_blank" class="detailContent">
                            <h3>
                                advanced-frontend
                            </h3>
                            <div class="showContent">
                                advanced-frontend/daily-interview-question: 我是木易杨，公众号「高级前端进阶」作者，每天搞定一道前端大厂面试题，祝大家天天进步，一年后会看到不一样的自己。
                            </div>
                        </a>
                        <a href="https://juejin.im/post/5cb3376bf265da039c0543da" target="_blank" class="detailContent">
                            <h3>
                                掘金
                            </h3>
                            <div class="showContent">
                                【半月刊 4】前端高频面试题及答案汇总 - 掘金
                            </div>
                        </a>
                        <a href="http://www.mianshiting.com/" target="_blank" class="detailContent">
                            <h3>
                                面试厅
                            </h3>
                            <div class="showContent">
                                面试厅-这里有各种前端面试题，包括html，css，javascript等
                            </div>
                        </a>
                        <a href="http://www.xwcms.net/" target="_blank" class="detailContent">
                            <h3>
                                xw素材网
                            </h3>
                            <div class="showContent">
                                xw素材网_素材网_网站素材_psd素材网_jsp源码_jquery插件
                            </div>
                        </a>
                        <a href="http://www.alixixi.com/" target="_blank" class="detailContent">
                            <h3>
                                阿里西西
                            </h3>
                            <div class="showContent">
                                阿里西西 网页制作教程网,web开发之家
                            </div>
                        </a>
                        <a href="http://darryrzhong.site/2018/04/19/%e5%8f%b2%e4%b8%8a%e6%9c%80%e5%85%a8%e8%ae%a1%e7%ae%97%e6%9c%ba%e7%b1%bb%e7%bc%96%e7%a8%8b%e8%b5%84%e6%96%99%e5%a4%a7%e9%9b%86%e5%90%88/" target="_blank" class="detailContent">
                            <h3>
                                darryrzhong
                            </h3>
                            <div class="showContent">
                                史上最全计算机类编程资料大集合 | darryrzhong
                            </div>
                        </a>
                        <a href="http://www.uimaker.com/" target="_blank" class="detailContent">
                            <h3>
                                ui设计
                            </h3>
                            <div class="showContent">
                                ui设计_ui_ui教程-uimaker-专注ui设计
                            </div>
                        </a>
                        <a href="https://space.bilibili.com/400333395/video" target="_blank" class="detailContent">
                            <h3>
                                web前端基础教程的个人空间
                            </h3>
                            <div class="showContent">
                                web前端基础教程的个人空间 - 哔哩哔哩 ( ゜- ゜)つロ 乾杯~ bilibili
                            </div>
                        </a>
                        <a href="https://github.com/yangfan2016/learn-translate/blob/master/3-30secondsofinterviews_zh.md#%e9%9d%a2%e8%af%95-30-%e7%a7%92" target="_blank" class="detailContent">
                            <h3>
                                面试 30 秒
                            </h3>
                            <div class="showContent">
                                面试 30 秒
                            </div>
                        </a>
                        <a href="https://hit-alibaba.github.io/interview/" target="_blank" class="detailContent">
                            <h3>
                                introduction
                            </h3>
                            <div class="showContent">
                                introduction · 笔试面试知识整理
                            </div>
                        </a>
                        <a href="https://github.com/conardli/30-seconds-of-code-zh-cn#%e7%9b%ae%e5%bd%95" target="_blank" class="detailContent">
                            <h3>
                                conardli
                            </h3>
                            <div class="showContent">
                                conardli/30-seconds-of-code-zh-cn: 你可以在30秒或更短的时间内理解的有用的javascript片段的精选集。（30-seconds-of-code中文版）
                            </div>
                        </a>
                        <a href="https://github.com/jacksontian/fks" target="_blank" class="detailContent">
                            <h3>
                                jacksontian
                            </h3>
                            <div class="showContent">
                                jacksontian/fks: 前端技能汇总 frontend knowledge structure
                            </div>
                        </a>
                        <a href="https://gallery.manypixels.co/" target="_blank" class="detailContent">
                            <h3>
                                illustrations gallery
                            </h3>
                            <div class="showContent">
                                illustrations gallery · manypixels免费插画
                            </div>
                        </a>
                        <a href="http://demo.doyoe.com/" target="_blank" class="detailContent">
                            <h3>
                                web前端实验室
                            </h3>
                            <div class="showContent">
                                web前端实验室 - html5,css3,javascript demos and examples
                            </div>
                        </a>
                        <a href="https://www.cnblogs.com/xiaohuochai/p/7088004.html" target="_blank" class="detailContent">
                            <h3>
                                css reset
                            </h3>
                            <div class="showContent">
                                css reset - 小火柴的蓝色理想 - 博客园
                            </div>
                        </a>
                        <a href="https://github.com/iq9891/awesome-frontend" target="_blank" class="detailContent">
                            <h3>
                                iq9891
                            </h3>
                            <div class="showContent">
                                iq9891/awesome-frontend: 前端资源
                            </div>
                        </a>
                    </section>
                </section>
                <section id="fontEndNews" class="sectionNav">
                    <h2>前端资讯</h2>
                    <section class="content">
                        <a href="https://webjike.com/web.html" target="_blank" class="detailContent">
                            <h3>
                                前端导航
                            </h3>
                            <div class="showContent">
                                前端导航 - 内容最全的前端开发网址导航
                            </div>
                        </a>
                        <a href="http://www.bootcss.com/" target="_blank" class="detailContent">
                            <h3>
                                bootstrap中文网
                            </h3>
                            <div class="showContent">
                                bootstrap中文网
                            </div>
                        </a>
                        <a href="http://www.alloyteam.com/nav/" target="_blank" class="detailContent">
                            <h3>
                                web前端导航
                            </h3>
                            <div class="showContent">
                                web前端导航
                            </div>
                        </a>
                        <a href="http://www.daqianduan.com/nav" target="_blank" class="detailContent">
                            <h3>
                                前端网址导航
                            </h3>
                            <div class="showContent">
                                前端网址导航-大前端
                            </div>
                        </a>
                        <a href="http://archimesan.me/frontendguide/v1/index.html" target="_blank" class="detailContent">
                            <h3>
                                前端导航
                            </h3>
                            <div class="showContent">
                                前端导航
                            </div>
                        </a>
                        <a href="https://front-end-collect.is26.com/" target="_blank" class="detailContent">
                            <h3>
                                前端资讯整理
                            </h3>
                            <div class="showContent">
                                前端资讯整理
                            </div>
                        </a>
                        <a href="https://juejin.im/" target="_blank" class="detailContent">
                            <h3>
                                掘金
                            </h3>
                            <div class="showContent">
                                掘金 - juejin.im - 一个帮助开发者成长的社区
                            </div>
                        </a>
                        <a href="https://cloud.tencent.com/developer" target="_blank" class="detailContent">
                            <h3>
                                腾讯云
                            </h3>
                            <div class="showContent">
                                云+社区 - 腾讯云
                            </div>
                        </a>
                        <a href="http://fex.baidu.com/" target="_blank" class="detailContent">
                            <h3>
                                fex
                            </h3>
                            <div class="showContent">
                                fex - fex
                            </div>
                        </a>
                        <a href="http://ourjs.com/" target="_blank" class="detailContent">
                            <h3>
                                ourjs
                            </h3>
                            <div class="showContent">
                                ourjs 爱我技术 我们的技术-it文摘 javascript社区 node.js社区 前端社区 全端论坛 mongodb h
                            </div>
                        </a>
                        <a href="https://www.infoq.cn/topic/front-end" target="_blank" class="detailContent">
                            <h3>
                                infoq
                            </h3>
                            <div class="showContent">
                                前端 - infoq
                            </div>
                        </a>
                        <a href="https://www.w3.org/" target="_blank" class="detailContent">
                            <h3>
                                万维网联盟
                            </h3>
                            <div class="showContent">
                                万维网联盟（w3c）
                            </div>
                        </a>
                        <a href="https://www.imooc.com/article" target="_blank" class="detailContent">
                            <h3>
                                慕课网手记
                            </h3>
                            <div class="showContent">
                                it技术文章_慕课网手记
                            </div>
                        </a>
                    </section>
                </section>
                <section id="othersBlog" class="sectionNav">
                    <h2>其他博客</h2>
                    <section class="content">
                        <a href="http://www.ruanyifeng.com/blog/" target="_blank" class="detailContent">
                            <h3>
                                阮一峰的网络日志
                            </h3>
                            <div class="showContent">
                                阮一峰的网络日志
                            </div>
                        </a>
                        <a href="https://www.liaoxuefeng.com/" target="_blank" class="detailContent">
                            <h3>
                                廖雪峰的官方网站
                            </h3>
                            <div class="showContent">
                                首页 - 廖雪峰的官方网站
                            </div>
                        </a>
                        <a href="https://www.csdn.net/" target="_blank" class="detailContent">
                            <h3>
                                csdn
                            </h3>
                            <div class="showContent">
                                csdn-专业it技术社区
                            </div>
                        </a>
                        <a href="https://juejin.im/timeline" target="_blank" class="detailContent">
                            <h3>
                                掘金
                            </h3>
                            <div class="showContent">
                                掘金
                            </div>
                        </a>
                        <a href="https://www.cnblogs.com/" target="_blank" class="detailContent">
                            <h3>
                                博客园
                            </h3>
                            <div class="showContent">
                                博客园 - 开发者的网上家园
                            </div>
                        </a>
                        <a href="https://segmentfault.com/" target="_blank" class="detailContent">
                            <h3>
                                segmentfault
                            </h3>
                            <div class="showContent">
                                segmentfault 思否
                            </div>
                        </a>
                        <a href="https://carbon.now.sh/?bg=rgba(171%2c%20184%2c%20195%2c%201)&t=seti&wt=none&l=python&ds=true&dsyoff=20px&dsblur=68px&wc=true&wa=true&pv=56px&ph=56px&ln=false&fm=hack&fs=14px&lh=133%25&si=false&es=4x&wm=false" target="_blank" class="detailContent">
                            <h3>
                                carbon代码
                            </h3>
                            <div class="showContent">
                                carbon代码
                            </div>
                        </a>
                        <a href="https://paperswithcode.com/" target="_blank" class="detailContent">
                            <h3>
                                papers with code
                            </h3>
                            <div class="showContent">
                                papers with code : the latest in machine learning
                            </div>
                        </a>
                        <a href="http://www.codeceo.com/" target="_blank" class="detailContent">
                            <h3>
                                码农网
                            </h3>
                            <div class="showContent">
                                码农网-程序员编程资料和编程经验分享平台
                            </div>
                        </a>
                        <a href="http://www.zuidaima.com/" target="_blank" class="detailContent">
                            <h3>
                                最代码
                            </h3>
                            <div class="showContent">
                                最代码-最全面，最专业的源代码分享网站
                            </div>
                        </a>
                        <a href="https://www.tuicool.com/" target="_blank" class="detailContent">
                            <h3>
                                推酷
                            </h3>
                            <div class="showContent">
                                推酷 - it人专属的个性聚合阅读社区 - 推酷
                            </div>
                        </a>
                        <a href="http://www.williamlong.info/" target="_blank" class="detailContent">
                            <h3>
                                月光博客
                            </h3>
                            <div class="showContent">
                                月光博客-关注互联网和搜索引擎的it科技博客
                            </div>
                        </a>
                        <a href="https://blog.codingnow.com/" target="_blank" class="detailContent">
                            <h3>
                                云风的 blog
                            </h3>
                            <div class="showContent">
                                云风的 blog
                            </div>
                        </a>
                        <a href="https://www.itcodemonkey.com/" target="_blank" class="detailContent">
                            <h3>
                                it程序猿
                            </h3>
                            <div class="showContent">
                                it程序猿 - 服务于程序员，传播编程经验！ - it程序猿
                            </div>
                        </a>
                        <a href="http://www.hozin.com/" target="_blank" class="detailContent">
                            <h3>
                                www.hozin.com
                            </h3>
                            <div class="showContent">
                                www.hozin.com
                            </div>
                        </a>
                        <a href="https://www.cnblogs.com/tomxu/" target="_blank" class="detailContent">
                            <h3>
                                汤姆大叔 - 博客园
                            </h3>
                            <div class="showContent">
                                汤姆大叔 - 博客园
                            </div>
                        </a>
                        <a href="https://cuiqingcai.com/" target="_blank" class="detailContent">
                            <h3>
                                静觅
                            </h3>
                            <div class="showContent">
                                静觅丨崔庆才的个人博客
                            </div>
                        </a>
                    </section>
                </section>
                <!--algorithm：算法-->
                <section id="algorithmCoding" class="sectionNav">
                    <h2>算法编程</h2>
                    <section class="content">
                        <a href="https://leetcode.com/" target="_blank" class="detailContent">
                            <h3>
                                leetcode
                            </h3>
                            <div class="showContent">
                                leetcode - the world&#39;s leading online programming learning platform
                            </div>
                        </a>
                        <a href="https://leetcode-cn.com/" target="_blank" class="detailContent">
                            <h3>
                                力扣中国
                            </h3>
                            <div class="showContent">
                                力扣 (leetcode) 中国官网 - 全球极客挚爱的技术成长平台
                            </div>
                        </a>
                        <a href="https://www.geeksforgeeks.org/" target="_blank" class="detailContent">
                            <h3>
                                geeksforgeeks
                            </h3>
                            <div class="showContent">
                                geeksforgeeks | a computer science portal for geeks
                            </div>
                        </a>
                        <a href="https://www.lintcode.com/problem/" target="_blank" class="detailContent">
                            <h3>
                                lintcode
                            </h3>
                            <div class="showContent">
                                lintcode
                            </div>
                        </a>
                        <a href="https://www.codewars.com/trainer/setup" target="_blank" class="detailContent">
                            <h3>
                                codewars
                            </h3>
                            <div class="showContent">
                                codewars
                            </div>
                        </a>
                        <a href="https://www.hackerrank.com/onboarding/challenge" target="_blank" class="detailContent">
                            <h3>
                                hackerrank
                            </h3>
                            <div class="showContent">
                                hackerrank
                            </div>
                        </a>
                        <a href="http://codevs.cn/problemset/" target="_blank" class="detailContent">
                            <h3>
                                codevs
                            </h3>
                            <div class="showContent">
                                (●—●) |题库大全 | codevs, 算法爱好者社区
                            </div>
                        </a>
                        <a href="https://projecteuler.net/archives" target="_blank" class="detailContent">
                            <h3>
                                archived problems
                            </h3>
                            <div class="showContent">
                                archived problems - project euler
                            </div>
                        </a>
                        <a href="https://www.codeproject.com/" target="_blank" class="detailContent">
                            <h3>
                                codeproject
                            </h3>
                            <div class="showContent">
                                codeproject - for those who code
                            </div>
                        </a>
                        <a href="https://www.freecodecamp.cn/challenges/create-a-github-account-and-join-our-chat-rooms" target="_blank" class="detailContent">
                            <h3>
                                freecodecamp中文社区
                            </h3>
                            <div class="showContent">
                                create a github account and join our chat rooms | freecodecamp中文社区
                            </div>
                        </a>
                        <a href="https://gitter.im/freecodecamp/chinese" target="_blank" class="detailContent">
                            <h3>
                                gitter
                            </h3>
                            <div class="showContent">
                                freecodecamp/chinese - gitter
                            </div>
                        </a>
                    </section>
                </section>
                <section id="englishDictionary" class="sectionNav">
                    <h2>英文词典</h2>
                    <section class="content">
                        <a href="https://www.oxfordlearnersdictionaries.com/" target="_blank" class="detailContent">
                            <h3>
                                牛津
                            </h3>
                            <div class="showContent">
                                The largest and most trusted free online dictionary for learners of British and American English with definitions
                            </div>
                        </a>
                        <a href="https://www.ldoceonline.com/" target="_blank" class="detailContent">
                            <h3>
                                朗文
                            </h3>
                            <div class="showContent">
                                Longman English Dictionary is the leading dictionary for learners of English of all ages and levels who want to learn more about English: definitions, idioms, examples and more.
                            </div>
                        </a>
                        <a href="https://www.collinsdictionary.com/" target="_blank" class="detailContent">
                            <h3>
                                科林斯
                            </h3>
                            <div class="showContent">
                                Online Dictionary and Thesaurus from Collins with over 1 million words: Definitions, synonyms, pronunciations, translations, origin and examples.
                            </div>
                        </a>
                        <a href="http://dictionary.cambridge.org/" target="_blank" class="detailContent">
                            <h3>
                                剑桥词典
                            </h3>
                            <div class="showContent">
                                The most popular dictionary and thesaurus for learners of English. Meanings and definitions of words with pronunciations and translations.
                            </div>
                        </a>
                        <a href="https://cn.bing.com/dict?form=z9lh3" target="_blank" class="detailContent">
                            <h3>
                                bing 词典
                            </h3>
                            <div class="showContent">
                                必应词典（Bing Dictionary）是微软推出的新一代英语学习引擎，它拥有最为丰富可靠的词库和例句库，为您提供优质的免费词典和翻译服务。
                            </div>
                        </a>
                        <a href="https://www.merriam-webster.com/dictionary/virtual" target="_blank" class="detailContent">
                            <h3>
                                virtual 词典
                            </h3>
                            <div class="showContent">
                                Virtual definition is - being such in essence or effect though not formally recognized or admitted. How to use virtual in a sentence.
                            </div>
                        </a>
                        <a href="http://www.macmillandictionary.com/" target="_blank" class="detailContent">
                            <h3>
                                macmillan词典
                            </h3>
                            <div class="showContent">
                                The Free Online English Dictionary from Macmillan Education.
                            </div>
                        </a>
                        <a href="http://collocationdictionary.freedicts.com/" target="_blank" class="detailContent">
                            <h3>
                                在线牛津搭配词典
                            </h3>
                            <div class="showContent">
                                牛津搭配词典是一本较全面的英语搭配用法词典。收词9000条，各种搭配用法达到15万, 例句丰富, 学习，写作和说地道的英文
                            </div>
                        </a>
                        <a href="http://www.youdict.com/root/list/a" target="_blank" class="detailContent">
                            <h3>
                                英语词根字典
                            </h3>
                            <div class="showContent">
                                优词英语词根表是一个在线英语词根字典，是目前网上最全的英语词根词缀词典，收录了众多的英语词根词缀信息，可以帮助大家通过词根词缀记忆法来高效、快速地记忆英语单词。
                            </div>
                        </a>
                        <a href="https://www.merriam-webster.com/" target="_blank" class="detailContent">
                            <h3>
                                dictionary by merriam-webster
                            </h3>
                            <div class="showContent">
                                dictionary by merriam-webster: america&#39;s most-trusted online dictionary
                            </div>
                        </a>
                        <a href="https://dictionary.cambridge.org/" target="_blank" class="detailContent">
                            <h3>
                                cambridge dictionary
                            </h3>
                            <div class="showContent">
                                cambridge dictionary | english dictionary, translations &amp; thesaurus
                            </div>
                        </a>
                        <a href="https://www.oxforddictionaries.com/" target="_blank" class="detailContent">
                            <h3>
                                oxford dictionaries
                            </h3>
                            <div class="showContent">
                                oxford dictionaries | the world&#39;s most trusted dictionary provider
                            </div>
                        </a>
                        <a href="http://www.businessdictionary.com/" target="_blank" class="detailContent">
                            <h3>
                                online business dictionary
                            </h3>
                            <div class="showContent">
                                online business dictionary - businessdictionary.com
                            </div>
                        </a>
                        <a href="https://www.thesaurus.com/" target="_blank" class="detailContent">
                            <h3>
                                thesaurus.com
                            </h3>
                            <div class="showContent">
                                thesaurus.com | synonyms and antonyms of words at thesaurus.com
                            </div>
                        </a>
                        <a href="https://www.thefreedictionary.com/" target="_blank" class="detailContent">
                            <h3>
                                the free dictionary
                            </h3>
                            <div class="showContent">
                                dictionary, encyclopedia and thesaurus - the free dictionary
                            </div>
                        </a>
                        <a href="http://www.learnersdictionary.com/" target="_blank" class="detailContent">
                            <h3>
                                merriam-webster
                            </h3>
                            <div class="showContent">
                                merriam-webster&#39;s learner&#39;s dictionary
                            </div>
                        </a>
                        <a href="https://www.urbandictionary.com/" target="_blank" class="detailContent">
                            <h3>
                                urban dictionary
                            </h3>
                            <div class="showContent">
                                urban dictionary, may 3: horny on main
                            </div>
                        </a>
                        <a href="https://www.vocabulary.com/" target="_blank" class="detailContent">
                            <h3>
                                vocabulary.com
                            </h3>
                            <div class="showContent">
                                vocabulary.com - learn words - english dictionary
                            </div>
                        </a>
                        <a href="https://www.onelook.com/" target="_blank" class="detailContent">
                            <h3>
                                onelook dictionary search
                            </h3>
                            <div class="showContent">
                                onelook dictionary search
                            </div>
                        </a>
                    </section>
                </section>
                <section id="translation" class="sectionNav">
                    <h2>查词翻译</h2>
                    <section class="content">
                        <a href="https://translate.google.cn/" target="_blank" class="detailContent">
                            <h3>
                                google 翻译
                            </h3>
                            <div class="showContent">
                                google 翻译
                            </div>
                        </a>
                        <a href="http://www.iciba.com/" target="_blank" class="detailContent">
                            <h3>
                                金山词霸
                            </h3>
                            <div class="showContent">
                                在线翻译_在线词典_金山词霸_爱词霸英语
                            </div>
                        </a>
                        <a href="http://dict.cn/" target="_blank" class="detailContent">
                            <h3>
                                海词词典
                            </h3>
                            <div class="showContent">
                                海词词典_在线词典_在线翻译_海量正版权威词典官方网站
                            </div>
                        </a>
                        <a href="https://dict.hjenglish.com/" target="_blank" class="detailContent">
                            <h3>
                                沪江小d在线词典
                            </h3>
                            <div class="showContent">
                                在线翻译_英语_日语_多语种翻译_沪江小d在线词典
                            </div>
                        </a>
                        <a href="http://fanyi.youdao.com/" target="_blank" class="detailContent">
                            <h3>
                                有道
                            </h3>
                            <div class="showContent">
                                在线翻译_有道
                            </div>
                        </a>
                    </section>
                </section>
                <section id="fontEndTemp" class="sectionNav">
                    <h2>前端碎片</h2>
                    <section class="content">
                        <a href="https://www.jianshu.com/p/c830b262c56d" target="_blank" class="detailContent">
                            <h3>
                                简书
                            </h3>
                            <div class="showContent">
                                67 个拯救前端开发者的工具、库和资源 - 简书
                            </div>
                        </a>
                        <a href="https://www.itlr.cc/post/1188/" target="_blank" class="detailContent">
                            <h3>
                                it浪人
                            </h3>
                            <div class="showContent">
                                前端开发需要学什么 | it浪人
                            </div>
                        </a>
                        <a href="https://juejin.im/post/5a71a4f9518825733a3105ac" target="_blank" class="detailContent">
                            <h3>
                                掘金
                            </h3>
                            <div class="showContent">
                                github pages自定义域名 - 掘金
                            </div>
                        </a>
                        <a href="https://gridea.dev/docs/" target="_blank" class="detailContent">
                            <h3>
                                gridea
                            </h3>
                            <div class="showContent">
                                快速开始 | gridea
                            </div>
                        </a>
                        <a href="https://juejin.im/post/592d4a5b0ce463006b43b6da" target="_blank" class="detailContent">
                            <h3>
                                掘金
                            </h3>
                            <div class="showContent">
                                前端开发规范：命名规范、html规范、css规范、js规范 - 掘金
                            </div>
                        </a>
                        <a href="https://www.jianshu.com/p/a7b252abd430" target="_blank" class="detailContent">
                            <h3>
                                简书
                            </h3>
                            <div class="showContent">
                                详解javascript数组比较函数compare function - 简书
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/yy921117/article/details/51982159" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                js代码用 script 调用时，放在head与body的区别 - yoghurt的博客 - csdn博客
                            </div>
                        </a>
                        <a href="https://www.ibm.com/developerworks/cn/web/wa-html5structuraltags/index.html" target="_blank" class="detailContent">
                            <h3>
                                html5 引入的新的结构化标签
                            </h3>
                            <div class="showContent">
                                html5 引入的新的结构化标签
                            </div>
                        </a>
                        <a href="https://segmentfault.com/a/1190000011467723" target="_blank" class="detailContent">
                            <h3>
                                segmentfault 思否
                            </h3>
                            <div class="showContent">
                                js所有内置对象属性和方法汇总 - 个人文章 - segmentfault 思否
                            </div>
                        </a>
                    </section>
                </section>
                <section id="computerRelation" class="sectionNav">
                    <h2>电脑相关</h2>
                    <section class="content">
                        <a href="https://smallpdf.com/" target="_blank" class="detailContent">
                            <h3>
                                smallpdf.com
                            </h3>
                            <div class="showContent">
                                smallpdf.com - 免费解决所有pdf问题
                            </div>
                        </a>
                        <a href="https://apkpure.co/" target="_blank" class="detailContent">
                            <h3>
                                安卓应用下载网站
                            </h3>
                            <div class="showContent">
                                安卓应用下载网站
                            </div>
                        </a>
                        <a href="https://www.deepin.org/" target="_blank" class="detailContent">
                            <h3>
                                深度科技社区
                            </h3>
                            <div class="showContent">
                                深度科技社区
                            </div>
                        </a>
                        <a href="https://www.52pojie.cn/" target="_blank" class="detailContent">
                            <h3>
                                吾爱破解
                            </h3>
                            <div class="showContent">
                                吾爱破解 - lcg - lsg|安卓破解|病毒分析|破解软件|www.52pojie.cn
                            </div>
                        </a>
                        <a href="http://www.pptbz.com/" target="_blank" class="detailContent">
                            <h3>
                                ppt宝藏
                            </h3>
                            <div class="showContent">
                                ppt模板下载_免费ppt模板下载_ppt宝藏
                            </div>
                        </a>
                        <a href="http://www.wordlm.com/" target="_blank" class="detailContent">
                            <h3>
                                【word联盟】
                            </h3>
                            <div class="showContent">
                                【word联盟】word2007官方下载免费完整版 word教程 word2003 word2010
                            </div>
                        </a>
                        <a href="http://www.excelhome.net/" target="_blank" class="detailContent">
                            <h3>
                                excelhome
                            </h3>
                            <div class="showContent">
                                excelhome - 全球极具影响力的excel门户,office视频教程培训中心
                            </div>
                        </a>
                        <a href="https://uiiiuiii.com/" target="_blank" class="detailContent">
                            <h3>
                                优优教程网
                            </h3>
                            <div class="showContent">
                                优优教程网-uiiiuiii.com-u站-设计教程-马了再练不如马上练
                            </div>
                        </a>
                        <a href="http://chenxing.asia/" target="_blank" class="detailContent">
                            <h3>
                                晨星软件
                            </h3>
                            <div class="showContent">
                                晨星软件-欢迎访问晨星软件博客
                            </div>
                        </a>
                        <a href="http://www.th-sjy.com/" target="_blank" class="detailContent">
                            <h3>
                                th_sjy
                            </h3>
                            <div class="showContent">
                                th_sjy 汉化博客，专注软件汉化和资源分享，www.th-sjy.com
                            </div>
                        </a>
                        <a href="https://www.appcgn.com/" target="_blank" class="detailContent">
                            <h3>
                                软件缘
                            </h3>
                            <div class="showContent">
                                软件缘 - 精品绿软，品鉴独特！
                            </div>
                        </a>
                    </section>
                </section>
                <section id="wallpaper" class="sectionNav">
                    <h2>相片壁纸</h2>
                    <section class="content">
                        <a href="http://streetwill.co/" target="_blank" class="detailContent">
                            <h3>
                                streetwill
                            </h3>
                            <div class="showContent">
                                streetwill | free hi-res photos.
                            </div>
                        </a>
                        <a href="https://www.goodfon.com/" target="_blank" class="detailContent">
                            <h3>
                                wallpapers
                            </h3>
                            <div class="showContent">
                                wallpapers, download free desktop wallpapers, beautiful widescreen, pics,
                                pictures. the best pictures on your phone.
                            </div>
                        </a>
                        <a href="https://pixabay.com/" target="_blank" class="detailContent">
                            <h3>
                                pixabay
                            </h3>
                            <div class="showContent">
                                惊人的免费图片 · pixabay
                            </div>
                        </a>
                        <a href="https://stocksnap.io/" target="_blank" class="detailContent">
                            <h3>
                                stocksnap.io
                            </h3>
                            <div class="showContent">
                                stocksnap.io - beautiful free stock photos (cc0)
                            </div>
                        </a>
                        <a href="https://unsplash.com/" target="_blank" class="detailContent">
                            <h3>
                                unsplash
                            </h3>
                            <div class="showContent">
                                beautiful free images &amp; pictures | unsplash
                            </div>
                        </a>
                        <a href="https://www.textures.com/" target="_blank" class="detailContent">
                            <h3>
                                textures for 3d
                            </h3>
                            <div class="showContent">
                                textures for 3d, graphic design and photoshop!
                            </div>
                        </a>
                    </section>
                </section>
                <section id="versionControl" class="sectionNav">
                    <h2>版本控制</h2>
                    <section class="content">
                        <a href="https://tortoisesvn.net/docs/nightly/tortoisesvn_zh_cn/index.html" target="_blank" class="detailContent">
                            <h3>
                                tortoisesvn
                            </h3>
                            <div class="showContent">
                                tortoisesvn用户指导
                            </div>
                        </a>
                        <a href="https://git-scm.com/docs" target="_blank" class="detailContent">
                            <h3>
                                git英文手册
                            </h3>
                            <div class="showContent">
                                git英文手册
                            </div>
                        </a>
                        <a href="https://bingohuang.gitbooks.io/progit2/content/" target="_blank" class="detailContent">
                            <h3>
                                pro git 第二版 简体中文
                            </h3>
                            <div class="showContent">
                                前言 · pro git 第二版 简体中文
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/video/av41610502/?p=4" target="_blank" class="detailContent">
                            <h3>
                                bilibili
                            </h3>
                            <div class="showContent">
                                【公开课】git应用详解【全】_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                            </div>
                        </a>
                        <a href="http://www.imooc.com/article/20411" target="_blank" class="detailContent">
                            <h3>
                                慕课手记
                            </h3>
                            <div class="showContent">
                                git使用教程,最详细，最傻瓜，最浅显，真正手把手教_慕课手记
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/qq_37136511/article/details/79456476" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                svn使用教程总结 - 人生就像是一场编程 - csdn博客
                            </div>
                        </a>
                        <a href="https://backlog.com/git-tutorial/cn/" target="_blank" class="detailContent">
                            <h3>
                                贝格乐（backlog）
                            </h3>
                            <div class="showContent">
                                猴子都能懂的git入门 | 贝格乐（backlog）
                            </div>
                        </a>
                    </section>
                </section>
                <section id="othersResource" class="sectionNav">
                    <h2>其他资料</h2>
                    <section class="content">
                        <a href="https://www.bookstack.cn/read/pyda-2e-zh/readme.md" target="_blank" class="detailContent">
                            <h3>
                                书栈网(bookstack.cn)
                            </h3>
                            <div class="showContent">
                                利用 python 进行数据分析 · 第 2 版 - 《利用 python 进行数据分析 · 第 2 版》 - 书栈网(bookstack.cn)
                            </div>
                        </a>
                        <a href="http://www.pythondoc.com/" target="_blank" class="detailContent">
                            <h3>
                                python 中文学习大本营
                            </h3>
                            <div class="showContent">
                                python 中文学习大本营
                            </div>
                        </a>
                        <a href="https://android.developerdocumentation.cn/index.html" target="_blank" class="detailContent">
                            <h3>
                                安卓开发文档·中文版
                            </h3>
                            <div class="showContent">
                                序言 | 安卓开发文档·中文版
                            </div>
                        </a>
                        <a href="https://www.python.org/dev/peps/" target="_blank" class="detailContent">
                            <h3>
                                python.org
                            </h3>
                            <div class="showContent">
                                pep 0 -- index of python enhancement proposals (peps) | python.org
                            </div>
                        </a>
                        <a href="https://zh-google-styleguide.readthedocs.io/en/latest/google-python-styleguide/python_style_rules/" target="_blank" class="detailContent">
                            <h3>
                                python风格规范
                            </h3>
                            <div class="showContent">
                                python风格规范 — google 开源项目风格指南
                            </div>
                        </a>
                        <a href="https://cuiqingcai.com/1052.html" target="_blank" class="detailContent">
                            <h3>
                                静觅
                            </h3>
                            <div class="showContent">
                                python2爬虫学习系列教程 | 静觅
                            </div>
                        </a>
                        <a href="https://developer.android.google.cn/reference/classes#letter_t" target="_blank" class="detailContent">
                            <h3>
                                android开发api文档
                            </h3>
                            <div class="showContent">
                                android开发api文档
                            </div>
                        </a>
                        <a href="http://www.themesmap.com/" target="_blank" class="detailContent">
                            <h3>
                                themesmap
                            </h3>
                            <div class="showContent">
                                pycharm主题 themesmap
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/video/av43797709?from=search&seid=16331194878956082048" target="_blank" class="detailContent">
                            <h3>
                                bilibili
                            </h3>
                            <div class="showContent">
                                高质量mysql基础msq（共178讲）_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/video/av38409964/?p=12" target="_blank" class="detailContent">
                            <h3>
                                bilibili
                            </h3>
                            <div class="showContent">
                                【天哥】android开发视频教程最新版 android studio开发_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                            </div>
                        </a>
                        <a href="https://bbs.pythontab.com/" target="_blank" class="detailContent">
                            <h3>
                                python论坛
                            </h3>
                            <div class="showContent">
                                python论坛-国内最好的python中文社区：python论坛|python教程|django教程|python框架
                            </div>
                        </a>
                        <a href="https://learnku.com/python" target="_blank" class="detailContent">
                            <h3>
                                高品质的 python 开发者社区
                            </h3>
                            <div class="showContent">
                                话题列表 | 高品质的 python 开发者社区
                            </div>
                        </a>
                        <a href="http://www.open-open.com/" target="_blank" class="detailContent">
                            <h3>
                                深度开源
                            </h3>
                            <div class="showContent">
                                深度开源 - java开源大全，开源信息发掘、分享、交流
                            </div>
                        </a>
                        <a href="https://github.com/it-interview/easy-java/blob/master/133%e4%b8%aajava%e5%b8%b8%e8%a7%81%e9%9d%a2%e8%af%95%e9%a2%98.md" target="_blank" class="detailContent">
                            <h3>
                                easy-java
                            </h3>
                            <div class="showContent">
                                easy-java/133个java常见面试题.md at master · it-interview/easy-java ·
                            </div>
                        </a>
                        <a href="http://www.importnew.com/" target="_blank" class="detailContent">
                            <h3>
                                importnew
                            </h3>
                            <div class="showContent">
                                importnew - 专注java &amp; android 技术分享
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/xieyihua1994/article/details/52836855" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                软件开发生命周期详解 - 点滴路程 - csdn博客
                            </div>
                        </a>
                        <a href="https://monsoongale.iteye.com/blog/715653" target="_blank" class="detailContent">
                            <h3>
                                iteye博客
                            </h3>
                            <div class="showContent">
                                &lt;转&gt;软件工程之——各个阶段的基本任务和结束标准 - - iteye博客
                            </div>
                        </a>
                        <a href="https://zhuanlan.zhihu.com/p/26166552" target="_blank" class="detailContent">
                            <h3>
                                知乎
                            </h3>
                            <div class="showContent">
                                解决问题的第一步：正确定义问题 - 知乎
                            </div>
                        </a>
                        <a href="https://daylight.blog.csdn.net/column/info/winser2012ad" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                windows server 2012 ad 活动目录部署系列 - 白昼的技术专栏（qq:78110978） - 白昼ron - csdn博客
                            </div>
                        </a>
                        <a href="https://blog.51cto.com/ahgfljp" target="_blank" class="detailContent">
                            <h3>
                                adcomputer配置应用
                            </h3>
                            <div class="showContent">
                                adcomputer配置应用
                            </div>
                        </a>
                        <a href="http://www.zsythink.net/" target="_blank" class="detailContent">
                            <h3>
                                朱双印博客
                            </h3>
                            <div class="showContent">
                                朱双印博客 | linux运维从业者
                            </div>
                        </a>
                        <a href="http://www.zsythink.net/archives/tag/awk/page/2/" target="_blank" class="detailContent">
                            <h3>
                                朱双印博客
                            </h3>
                            <div class="showContent">
                                awk - 第2页 | 朱双印博客
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/sinat_17775997/article/details/79747564" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                最新android基础入门教程目录(完结版) - 大灰狼的小绵羊哥哥的博客 - csdn博客
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/wzgbgz/article/details/79140056" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                greendao3.2使用详解（增，删，改，查，升级） - wzgbgz的博客 - csdn博客
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/weixin_33758863/article/details/86889428" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                okhttp 知识梳理(2) - okhttp 源码解析之异步请求 &amp; 线程调度 - weixin_33758863的博客 - csdn博客
                            </div>
                        </a>
                        <a href="http://www.python3.vip/doc/tutorial/python/2002/" target="_blank" class="detailContent">
                            <h3>
                                白月黑羽教python
                            </h3>
                            <div class="showContent">
                                requests库 - 白月黑羽教python
                            </div>
                        </a>
                        <a href="https://github.com/jackfrued/python-100-days" target="_blank" class="detailContent">
                            <h3>
                                python - 100天从新手到大师
                            </h3>
                            <div class="showContent">
                                jackfrued/python-100-days: python - 100天从新手到大师
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/video/av33464941/?p=16" target="_blank" class="detailContent">
                            <h3>
                                bilibili
                            </h3>
                            <div class="showContent">
                                【ps】photoshop cc 2017 基础入门教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                            </div>
                        </a>
                        <a href="https://pan.baidu.com/s/1bpdfskj#list/path=%2fsharelink4080113180-884064308201188%2f%e8%bd%af%e4%bb%b6%e8%ae%be%e8%ae%a1%e5%b8%88%2f%e6%95%99%e7%a8%8b%e7%94%b5%e5%ad%90%e7%89%88%2f%e7%ac%ac%e5%9b%9b%e7%89%88&parentpath=%2fsharelink4080113180-884064308201188" target="_blank" class="detailContent">
                            <h3>
                                百度网盘
                            </h3>
                            <div class="showContent">
                                软件设计师_免费高速下载|百度网盘-分享无限制
                            </div>
                        </a>
                        <a href="https://www.bilibili.com/video/av19665344?from=search&seid=16157097078755448996" target="_blank" class="detailContent">
                            <h3>
                                bilibili
                            </h3>
                            <div class="showContent">
                                软件设计师考试教程_哔哩哔哩 (゜-゜)つロ 干杯~-bilibili
                            </div>
                        </a>
                        <a href="http://www.woshipm.com/pmd/3864.html" target="_blank" class="detailContent">
                            <h3>
                                人人都是产品经理
                            </h3>
                            <div class="showContent">
                                产品经理业务流程图的绘制流程分享 | 人人都是产品经理
                            </div>
                        </a>
                        <a href="https://www.draw.io/" target="_blank" class="detailContent">
                            <h3>
                                draw.io流程图
                            </h3>
                            <div class="showContent">
                                draw.io流程图
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/fuhj02/article/details/6081314" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                通过powershell操作事件日志 - 付海军 的专栏 - csdn博客
                            </div>
                        </a>
                        <a href="http://ip.zdaye.com/" target="_blank" class="detailContent">
                            <h3>
                                站大爷
                            </h3>
                            <div class="showContent">
                                站大爷 - 企业级高品质http代理ip/socks5代理ip供应平台/免费代理ip
                            </div>
                        </a>
                        <a href="https://www.cnblogs.com/wy11/articles/2263823.html" target="_blank" class="detailContent">
                            <h3>
                                博客园
                            </h3>
                            <div class="showContent">
                                win7专业版安装sql2008 - 梦在飞 - 博客园
                            </div>
                        </a>
                        <a href="https://www.vmware.com/products/workstation-pro.html" target="_blank" class="detailContent">
                            <h3>
                                windows vm
                            </h3>
                            <div class="showContent">
                                windows vm | vmware workstation pro
                            </div>
                        </a>
                        <a href="https://www.seoimo.com/wordpress-vps/" target="_blank" class="detailContent">
                            <h3>
                                seoimo
                            </h3>
                            <div class="showContent">
                                wordpress建站: 便宜vps+lamp搭建+博客安装/优化教程【vultr &amp; 搬瓦工vps亲测】 - seoimo
                            </div>
                        </a>
                    </section>
                </section>
                <section id="personalStudy" class="sectionNav">
                    <h2>终身学习</h2>
                    <section class="content">
                        <a href="https://www.cn-ki.net/" target="_blank" class="detailContent">
                            <h3>
                                idata
                            </h3>
                            <div class="showContent">
                                idata-知识检索
                            </div>
                        </a>
                        <a href="http://www.zjlib.cn/#" target="_blank" class="detailContent">
                            <h3>
                                浙江图书馆
                            </h3>
                            <div class="showContent">
                                浙江图书馆
                            </div>
                        </a>
                        <a href="http://www.hiwenku.com/" target="_blank" class="detailContent">
                            <h3>
                                嗨文库
                            </h3>
                            <div class="showContent">
                                嗨文库
                            </div>
                        </a>
                        <a href="http://www.icourses.cn/home/" target="_blank" class="detailContent">
                            <h3>
                                爱课程
                            </h3>
                            <div class="showContent">
                                爱课程
                            </div>
                        </a>
                        <a href="http://www.duobei.com/" target="_blank" class="detailContent">
                            <h3>
                                多贝公开课
                            </h3>
                            <div class="showContent">
                                发现课程 - 多贝公开课
                            </div>
                        </a>
                        <a href="https://www.kanxue.com/" target="_blank" class="detailContent">
                            <h3>
                                看雪学院
                            </h3>
                            <div class="showContent">
                                看雪学院
                            </div>
                        </a>
                        <a href="http://www.xuetangx.com/" target="_blank" class="detailContent">
                            <h3>
                                学堂在线
                            </h3>
                            <div class="showContent">
                                学堂在线-国家精品课程在线学习平台
                            </div>
                        </a>
                        <a href="http://www.sikiedu.com/" target="_blank" class="detailContent">
                            <h3>
                                siki学院
                            </h3>
                            <div class="showContent">
                                siki学院 - 生命不息，学习不止！
                            </div>
                        </a>
                        <a href="https://www.shiyanlou.com/" target="_blank" class="detailContent">
                            <h3>
                                实验楼
                            </h3>
                            <div class="showContent">
                                实验楼 - 在线做实验，高效学编程
                            </div>
                        </a>
                        <a href="https://study.163.com/" target="_blank" class="detailContent">
                            <h3>
                                网易云课堂
                            </h3>
                            <div class="showContent">
                                网易云课堂 - 我的职业课堂
                            </div>
                        </a>
                        <a href="https://www.imooc.com/" target="_blank" class="detailContent">
                            <h3>
                                慕课网
                            </h3>
                            <div class="showContent">
                                慕课网-程序员的梦工厂
                            </div>
                        </a>
                        <a href="http://www.jikexueyuan.com/" target="_blank" class="detailContent">
                            <h3>
                                极客学院
                            </h3>
                            <div class="showContent">
                                极客学院it在线教育平台-中国专业的it职业在线教育平台
                            </div>
                        </a>
                        <a href="https://ke.youdao.com/" target="_blank" class="detailContent">
                            <h3>
                                有道精品课
                            </h3>
                            <div class="showContent">
                                有道精品课 - 为你精选好课
                            </div>
                        </a>
                        <a href="https://www.w3cschool.cn/" target="_blank" class="detailContent">
                            <h3>
                                w3cschool
                            </h3>
                            <div class="showContent">
                                w3cschool - 学编程，从w3cschool开始
                            </div>
                        </a>
                        <a href="https://www.html.cn/" target="_blank" class="detailContent">
                            <h3>
                                html中文网
                            </h3>
                            <div class="showContent">
                                从html、css到 js，web前端开发在线学习视频教程 - html中文网
                            </div>
                        </a>
                    </section>
                </section>
                <section id="freeInterest" class="sectionNav">
                    <h2>娱乐休闲</h2>
                    <section class="content">
                        <a href="http://www.airpano.org.cn/" target="_blank" class="detailContent">
                            <h3>
                                360° aerial panoramas
                            </h3>
                            <div class="showContent">
                                360° aerial panoramas, 360° virtual tours around the world, photos of
                                the most interesting places on the earth
                            </div>
                        </a>
                        <a href="http://webdemo.myscript.com/" target="_blank" class="detailContent">
                            <h3>
                                myscript webdemo
                            </h3>
                            <div class="showContent">
                                myscript webdemo
                            </div>
                        </a>
                        <a href="https://laod.cn/" target="_blank" class="detailContent">
                            <h3>
                                老d博客
                            </h3>
                            <div class="showContent">
                                老d博客 | 关注谷歌服务，分享互联网精神！
                            </div>
                        </a>
                        <a href="https://sspai.com/post/42126" target="_blank" class="detailContent">
                            <h3>
                                少数派
                            </h3>
                            <div class="showContent">
                                在 windows 上拥有舒适的码字体验，12 款 markdown 写作工具推荐 - 少数派
                            </div>
                        </a>
                        <a href="https://www.zhihu.com/" target="_blank" class="detailContent">
                            <h3>
                                知乎
                            </h3>
                            <div class="showContent">
                                首页 - 知乎
                            </div>
                        </a>
                    </section>
                </section>
                <section id="otherNews" class="sectionNav">
                    <h2>其他资讯</h2>
                    <section class="content">
                        <a href="https://www.huxiu.com/" target="_blank" class="detailContent">
                            <h3>
                                虎嗅网
                            </h3>
                            <div class="showContent">
                                虎嗅网
                            </div>
                        </a>
                        <a href="https://www.leiphone.com/" target="_blank" class="detailContent">
                            <h3>
                                雷锋网
                            </h3>
                            <div class="showContent">
                                雷锋网_读懂智能&amp;未来
                            </div>
                        </a>
                        <a href="https://www.cnbeta.com/" target="_blank" class="detailContent">
                            <h3>
                                cnbeta.com
                            </h3>
                            <div class="showContent">
                                cnbeta.com - 中文业界资讯站
                            </div>
                        </a>
                        <a href="https://36kr.com/" target="_blank" class="detailContent">
                            <h3>
                                36氪
                            </h3>
                            <div class="showContent">
                                36氪
                            </div>
                        </a>
                        <a href="https://www.infoq.cn/" target="_blank" class="detailContent">
                            <h3>
                                infoq
                            </h3>
                            <div class="showContent">
                                infoq - 促进软件开发领域知识与创新的传播
                            </div>
                        </a>
                        <a href="https://www.anquanke.com/" target="_blank" class="detailContent">
                            <h3>
                                安全客
                            </h3>
                            <div class="showContent">
                                安全客 - 安全资讯平台
                            </div>
                        </a>
                        <a href="http://www.it-home8.com/" target="_blank" class="detailContent">
                            <h3>
                                程序员之家论坛
                            </h3>
                            <div class="showContent">
                                程序员之家论坛-程序员学习计算机网站编程语言的it社区论坛
                            </div>
                        </a>
                        <a href="https://www.oschina.net/" target="_blank" class="detailContent">
                            <h3>
                                开源中国
                            </h3>
                            <div class="showContent">
                                开源中国 - 找到您想要的开源项目，分享和交流
                            </div>
                        </a>
                        <a href="http://www.51cto.com/" target="_blank" class="detailContent">
                            <h3>
                                51cto.com
                            </h3>
                            <div class="showContent">
                                51cto.com - 技术成就梦想 - 中国领先的it技术网站
                            </div>
                        </a>
                        <a href="http://www.jobbole.com/" target="_blank" class="detailContent">
                            <h3>
                                伯乐在线
                            </h3>
                            <div class="showContent">
                                伯乐在线
                            </div>
                        </a>
                        <a href="http://www.vckbase.com/" target="_blank" class="detailContent">
                            <h3>
                                vc知识库
                            </h3>
                            <div class="showContent">
                                vc知识库_最全面的技术百科全书_it在线培训平台
                            </div>
                        </a>
                        <a href="https://www.javaworld.com/" target="_blank" class="detailContent">
                            <h3>
                                javaworld.com
                            </h3>
                            <div class="showContent">
                                欢迎来到javaworld.com
                            </div>
                        </a>
                        <a href="http://www.pudn.com/" target="_blank" class="detailContent">
                            <h3>
                                联合开发网
                            </h3>
                            <div class="showContent">
                                299万个编程源码资料 联合开发网 - pudn.com
                            </div>
                        </a>
                        <a href="http://www.codeceo.com/" target="_blank" class="detailContent">
                            <h3>
                                码农网
                            </h3>
                            <div class="showContent">
                                码农网-程序员编程资料和编程经验分享平台
                            </div>
                        </a>
                        <a href="https://www.centoschina.cn/" target="_blank" class="detailContent">
                            <h3>
                                centos中文站
                            </h3>
                            <div class="showContent">
                                centos中文站 - 专注linux技术
                            </div>
                        </a>
                        <a href="http://www.chinaunix.net/" target="_blank" class="detailContent">
                            <h3>
                                unix技术网
                            </h3>
                            <div class="showContent">
                                unix技术网 = 全球最大的linux/unix应用与开发者社区 = it人的网上家园
                            </div>
                        </a>
                        <a href="https://www.linuxidc.com/" target="_blank" class="detailContent">
                            <h3>
                                linux公社
                            </h3>
                            <div class="showContent">
                                linux公社 - linux系统门户网站
                            </div>
                        </a>
                        <a href="http://www.infoq.com/cn/" target="_blank" class="detailContent">
                            <h3>
                                infoq
                            </h3>
                            <div class="showContent">
                                infoq - 促进软件开发领域知识与创新的传播
                            </div>
                        </a>
                        <a href="https://distrowatch.com/" target="_blank" class="detailContent">
                            <h3>
                                distrowatch.com
                            </h3>
                            <div class="showContent">
                                distrowatch.com: put the fun back into computing. use linux, bsd.
                            </div>
                        </a>
                        <a href="https://www.2cto.com/" target="_blank" class="detailContent">
                            <h3>
                                红黑联盟
                            </h3>
                            <div class="showContent">
                                红黑联盟（2cto.com)_it技术门户、技术安全资讯、网络安全、黑客防御、信息安全、编程开发、系统知识
                            </div>
                        </a>
                        <a href="http://www.51zixue.net/" target="_blank" class="detailContent">
                            <h3>
                                51自学网
                            </h3>
                            <div class="showContent">
                                51自学网_自学网_软件自学网-51自学网官网
                            </div>
                        </a>
                    </section>
                </section>
                <section id="ancientTradition" class="sectionNav">
                    <h2>国学</h2>
                    <section class="content">
                        <a href="http://www.zdic.net/" target="_blank" class="detailContent">
                            <h3>
                                汉典
                            </h3>
                            <div class="showContent">
                                汉典 zdic.net
                            </div>
                        </a>
                        <a href="http://www.guoxue.com/" target="_blank" class="detailContent">
                            <h3>
                                国学网
                            </h3>
                            <div class="showContent">
                                国学网
                            </div>
                        </a>
                        <a href="http://www.guoxuedashi.com/search/" target="_blank" class="detailContent">
                            <h3>
                                国学大师
                            </h3>
                            <div class="showContent">
                                国学大师
                            </div>
                        </a>
                        <a href="http://www.fukaili.com/" target="_blank" class="detailContent">
                            <h3>
                                富凯利国学
                            </h3>
                            <div class="showContent">
                                富凯利国学－国学经典书库
                            </div>
                        </a>
                        <a href="https://shuge.org/" target="_blank" class="detailContent">
                            <h3>
                                书格
                            </h3>
                            <div class="showContent">
                                书格
                            </div>
                        </a>
                        <a href="http://www.xn--5rtnx620bw5s.tw/page/sitemap.html" target="_blank" class="detailContent">
                            <h3>
                                漢川草廬
                            </h3>
                            <div class="showContent">
                                漢川草廬 - 網站地圖
                            </div>
                        </a>
                        <a href="http://www.readers365.com/" target="_blank" class="detailContent">
                            <h3>
                                读书人365
                            </h3>
                            <div class="showContent">
                                读书人365-首页
                            </div>
                        </a>
                    </section>
                </section>
                <section id="othersNav" class="sectionNav">
                    <h2>导航</h2>
                    <section class="content">
                        <a href="http://ilxdh.com/" target="_blank" class="detailContent">
                            <h3>
                                龙轩导航
                            </h3>
                            <div class="showContent">
                                龙轩导航-做个有用的导航
                            </div>
                        </a>
                        <a href="http://search.chongbuluo.com/" target="_blank" class="detailContent">
                            <h3>
                                快搜
                            </h3>
                            <div class="showContent">
                                快搜 - 搜索快人一步 - google
                            </div>
                        </a>
                        <a href="http://scholar.chongbuluo.com/" target="_blank" class="detailContent">
                            <h3>
                                必应学术
                            </h3>
                            <div class="showContent">
                                学术搜索 - 站在巨人的肩膀上 - 必应学术
                            </div>
                        </a>
                        <a href="http://hao.wordlm.com/" target="_blank" class="detailContent">
                            <h3>
                                办公导航
                            </h3>
                            <div class="showContent">
                                办公导航 - 办公从这里开始(办公工具|软件|技巧|素材|网址大全)
                            </div>
                        </a>
                        <a href="http://www.miguyu.com/" target="_blank" class="detailContent">
                            <h3>
                                咪咕鱼导航
                            </h3>
                            <div class="showContent">
                                咪咕鱼导航 -分享有用链接
                            </div>
                        </a>
                        <a href="http://dir.cnki.net/" target="_blank" class="detailContent">
                            <h3>
                                学术网站大全
                            </h3>
                            <div class="showContent">
                                学术网站大全
                            </div>
                        </a>
                        <a href="http://www.chuangzaoshi.com/" target="_blank" class="detailContent">
                            <h3>
                                创造狮
                            </h3>
                            <div class="showContent">
                                创造狮 创意工作者导航
                            </div>
                        </a>
                        <a href="https://next.36kr.com/posts/collections/650" target="_blank" class="detailContent">
                            <h3>
                                导航网站的导航
                            </h3>
                            <div class="showContent">
                                导航网站的导航 - 导航网站太多了，也需要一个导航 - next
                            </div>
                        </a>
                        <a href="https://hao.uisdc.com/" target="_blank" class="detailContent">
                            <h3>
                                优设导航
                            </h3>
                            <div class="showContent">
                                优设导航 - 学设计从这里开始！
                            </div>
                        </a>
                        <a href="http://www.jikedaohang.com/" target="_blank" class="detailContent">
                            <h3>
                                极客导航
                            </h3>
                            <div class="showContent">
                                极客导航-程序员自己的导航
                            </div>
                        </a>
                        <a href="http://daohangwan.com/" target="_blank" class="detailContent">
                            <h3>
                                导航湾
                            </h3>
                            <div class="showContent">
                                主页 | 导航湾-创造和分享导航
                            </div>
                        </a>
                        <a href="https://dh.woshipm.com/" target="_blank" class="detailContent">
                            <h3>
                                阿猫阿狗导航
                            </h3>
                            <div class="showContent">
                                产品经理导航|运营导航|设计师导航-阿猫阿狗导航
                            </div>
                        </a>
                        <a href="http://www.hbued.com/pm/" target="_blank" class="detailContent">
                            <h3>
                                ued用户体验网
                            </h3>
                            <div class="showContent">
                                产品经理网址导航-ued用户体验网
                            </div>
                        </a>
                        <a href="http://www.it996.net/" target="_blank" class="detailContent">
                            <h3>
                                996导航
                            </h3>
                            <div class="showContent">
                                996导航_互联网人的网址导航
                            </div>
                        </a>
                        <a href="http://pmgeek.net/cn/index.html" target="_blank" class="detailContent">
                            <h3>
                                pmgeek
                            </h3>
                            <div class="showContent">
                                pmgeek - 设计师网址导航
                            </div>
                        </a>
                        <a href="https://www.prohui.com/" target="_blank" class="detailContent">
                            <h3>
                                产品汇
                            </h3>
                            <div class="showContent">
                                产品汇 - 互联网爱好者的分享交流社区
                            </div>
                        </a>
                        <a href="http://www.pmdaniu.com/navigate" target="_blank" class="detailContent">
                            <h3>
                                产品大牛
                            </h3>
                            <div class="showContent">
                                产品大牛 - 托管·演示·分享·协作（axure原型托管、sketch标注、html托管）
                            </div>
                        </a>
                        <a href="http://pm265.com/" target="_blank" class="detailContent">
                            <h3>
                                产品经理导航
                            </h3>
                            <div class="showContent">
                                产品经理导航
                            </div>
                        </a>
                        <a href="https://www.iamue.com/nav" target="_blank" class="detailContent">
                            <h3>
                                ued网站导航
                            </h3>
                            <div class="showContent">
                                ued网站导航-hao.iamue.com-iamue
                            </div>
                        </a>
                        <a href="http://www.uedart.com/" target="_blank" class="detailContent">
                            <h3>
                                uedart
                            </h3>
                            <div class="showContent">
                                uedart-時光若刻
                            </div>
                        </a>
                        <a href="https://www.gogeeks.cn/nav" target="_blank" class="detailContent">
                            <h3>
                                极客导航
                            </h3>
                            <div class="showContent">
                                极客导航-首页
                            </div>
                        </a>
                        <a href="http://www.paomianba.com/" target="_blank" class="detailContent">
                            <h3>
                                泡面吧
                            </h3>
                            <div class="showContent">
                                泡面吧 - 在线教育导航品牌
                            </div>
                        </a>
                        <a href="https://idesign.qq.com/#!index/feed" target="_blank" class="detailContent">
                            <h3>
                                腾讯设计导航
                            </h3>
                            <div class="showContent">
                                设计订阅 - 腾讯设计导航
                            </div>
                        </a>
                        <a href="http://hao.shejidaren.com/?ref=sucai" target="_blank" class="detailContent">
                            <h3>
                                设计导航
                            </h3>
                            <div class="showContent">
                                设计导航 - 精选最好的设计网站大全
                            </div>
                        </a>
                        <a href="https://www.ubuuk.com/" target="_blank" class="detailContent">
                            <h3>
                                优波设计
                            </h3>
                            <div class="showContent">
                                优波设计 - 设计师必备网址导航 ubuuk.com
                            </div>
                        </a>
                        <a href="http://bannerdesign.cn/?page_id=18" target="_blank" class="detailContent">
                            <h3>
                                banner设计欣赏网站
                            </h3>
                            <div class="showContent">
                                设计师网址导航 - banner设计欣赏网站 – 横幅广告促销电商海报专题页面淘宝钻展素材轮播图片下载
                            </div>
                        </a>
                        <a href="http://www.niudana.com/" target="_blank" class="detailContent">
                            <h3>
                                牛大拿设计师导航
                            </h3>
                            <div class="showContent">
                                牛大拿设计师导航_niudana.com
                            </div>
                        </a>
                        <a href="http://wz.cndesign.com/" target="_blank" class="detailContent">
                            <h3>
                                cnd设计网址导航
                            </h3>
                            <div class="showContent">
                                cnd设计网址导航 - 优秀设计网站排名大全
                            </div>
                        </a>
                        <a href="http://bolg.luuman.site/frontendguide/v1/" target="_blank" class="detailContent">
                            <h3>
                                前端导航
                            </h3>
                            <div class="showContent">
                                前端导航
                            </div>
                        </a>
                    </section>
                </section>
                <section id="resourceCoding" class="sectionNav">
                    <h2>源码</h2>
                    <section class="content">
                        <a href="http://www.mycodes.net/" target="_blank" class="detailContent">
                            <h3>
                                源码之家
                            </h3>
                            <div class="showContent">
                                源码之家 - 提供最新免费网站源码下载！
                            </div>
                        </a>
                        <a href="http://down.admin5.com/" target="_blank" class="detailContent">
                            <h3>
                                更快的站长下载站
                            </h3>
                            <div class="showContent">
                                网站源码下载,a5源码 - 更快的站长下载站
                            </div>
                        </a>
                        <a href="https://www.ctolib.com/" target="_blank" class="detailContent">
                            <h3>
                                ctolib码库
                            </h3>
                            <div class="showContent">
                                ctolib码库
                            </div>
                        </a>
                        <a href="http://www.wangjie.org/" target="_blank" class="detailContent">
                            <h3>
                                免费模板网
                            </h3>
                            <div class="showContent">
                                div+css模板、后台模板、图片图标下载，css代码实例、css导航菜单、css图表 - 免费模板网
                            </div>
                        </a>
                        <a href="http://www.downcode.com/" target="_blank" class="detailContent">
                            <h3>
                                源码下载站
                            </h3>
                            <div class="showContent">
                                源码下载 asp源码 php源码 flash源码 - 源码下载站
                            </div>
                        </a>
                        <a href="http://www.codepub.com/" target="_blank" class="detailContent">
                            <h3>
                                源码网
                            </h3>
                            <div class="showContent">
                                网站源码_源码下载_源码网【提供最新最全的免费源码下载】
                            </div>
                        </a>
                        <a href="http://www.codesocang.com/" target="_blank" class="detailContent">
                            <h3>
                                源码搜藏网
                            </h3>
                            <div class="showContent">
                                源码搜藏网-网站源码_安卓源码_vip源码_最新精品织梦模板下载
                            </div>
                        </a>
                    </section>
                </section>
                <section id="eBookAndWebStorage" class="sectionNav">
                    <h2>电子书网盘</h2>
                    <section class="content">
                        <a href="https://www.jiumodiary.com/" target="_blank" class="detailContent">
                            <h3>
                                jiumo e-book search 鸠摩搜书
                            </h3>
                            <div class="showContent">
                                jiumo e-book search 鸠摩搜书 - 文档搜索引擎
                            </div>
                        </a>
                        <a href="http://gen.lib.rus.ec/" target="_blank" class="detailContent">
                            <h3>
                                图书馆创世纪
                            </h3>
                            <div class="showContent">
                                图书馆创世纪
                            </div>
                        </a>
                        <a href="http://www.gutenberg.org/" target="_blank" class="detailContent">
                            <h3>
                                古滕贝格
                            </h3>
                            <div class="showContent">
                                古滕贝格
                            </div>
                        </a>
                        <a href="http://www.shuwu.mobi/" target="_blank" class="detailContent">
                            <h3>
                                我的小书屋
                            </h3>
                            <div class="showContent">
                                我的小书屋-最新最全电子书免费下载
                            </div>
                        </a>
                        <a href="http://www.pdfbook.cn/" target="_blank" class="detailContent">
                            <h3>
                                云海免费电子图书馆
                            </h3>
                            <div class="showContent">
                                云海免费电子图书馆| 免费电子图书下载
                            </div>
                        </a>
                        <a href="https://kgbook.com/" target="_blank" class="detailContent">
                            <h3>
                                苦瓜书盘
                            </h3>
                            <div class="showContent">
                                苦瓜书盘
                            </div>
                        </a>
                        <a href="https://book.shuyuzhe.com/" target="_blank" class="detailContent">
                            <h3>
                                书语者电子图书馆
                            </h3>
                            <div class="showContent">
                                书语者电子图书馆 kindle电子书 powered by shuyuzhe.com!
                            </div>
                        </a>
                        <a href="https://www.so-kindle.com/" target="_blank" class="detailContent">
                            <h3>
                                kindle资源库
                            </h3>
                            <div class="showContent">
                                kindle资源库_sokindle_一起分享阅读的乐趣
                            </div>
                        </a>
                        <a href="https://sobooks.cc/" target="_blank" class="detailContent">
                            <h3>
                                sobooks
                            </h3>
                            <div class="showContent">
                                sobooks - 优质的kindle电子书资源免费下载网站（原&quot;sokindle&quot;）
                            </div>
                        </a>
                        <a href="https://weiq530.wodemo.com/cat/72078?next=300703" target="_blank" class="detailContent">
                            <h3>
                                无心遗忘电子书
                            </h3>
                            <div class="showContent">
                                ebooks - 无心遗忘电子书
                            </div>
                        </a>
                        <a href="http://panc.cc/" target="_blank" class="detailContent">
                            <h3>
                                胖次网盘搜索
                            </h3>
                            <div class="showContent">
                                panc.cc-胖次网盘搜索 - 胖次分享社区 - 我们热爱分享
                            </div>
                        </a>
                        <a href="https://salttiger.com/archives/" target="_blank" class="detailContent">
                            <h3>
                                salttiger
                            </h3>
                            <div class="showContent">
                                电子书存档页面 | salttiger
                            </div>
                        </a>
                        <a href="https://coderprog.com/" target="_blank" class="detailContent">
                            <h3>
                                coderprog
                            </h3>
                            <div class="showContent">
                                coderprog - ebooks &amp; elearning for programming
                            </div>
                        </a>
                        <a href="http://freecomputerbooks.com/" target="_blank" class="detailContent">
                            <h3>
                                free computer books
                            </h3>
                            <div class="showContent">
                                free computer, programming, mathematics, technical books, lecture notes
                                and tutorials
                            </div>
                        </a>
                        <a href="http://www.allitebooks.com/" target="_blank" class="detailContent">
                            <h3>
                                免费it电子书下载
                            </h3>
                            <div class="showContent">
                                所有it电子书 - 免费it电子书下载
                            </div>
                        </a>
                        <a href="http://www.allitebooks.in/" target="_blank" class="detailContent">
                            <h3>
                                free it ebooks download
                            </h3>
                            <div class="showContent">
                                all it ebooks - free it ebooks download
                            </div>
                        </a>
                        <a href="http://libgen.io/" target="_blank" class="detailContent">
                            <h3>
                                genesis
                            </h3>
                            <div class="showContent">
                                genesis
                            </div>
                        </a>
                        <a href="http://b-ok.cc/" target="_blank" class="detailContent">
                            <h3>
                                electronic library
                            </h3>
                            <div class="showContent">
                                electronic library. download books free. finding books
                            </div>
                        </a>
                        <a href="http://www.itbookhub.com/" target="_blank" class="detailContent">
                            <h3>
                                itbookhub.com
                            </h3>
                            <div class="showContent">
                                free it &amp; programming books - itbookhub.com
                            </div>
                        </a>
                        <a href="https://www.onlineprogrammingbooks.com/" target="_blank" class="detailContent">
                            <h3>
                                free computer books
                            </h3>
                            <div class="showContent">
                                free computer books : it, programming and computer science
                            </div>
                        </a>
                        <a href="http://droppdf.com/" target="_blank" class="detailContent">
                            <h3>
                                droppdf
                            </h3>
                            <div class="showContent">
                                droppdf - upload and share your pdf documents quickly and easily.
                            </div>
                        </a>
                        <a href="https://www.foxebook.net/" target="_blank" class="detailContent">
                            <h3>
                                fox ebook
                            </h3>
                            <div class="showContent">
                                fox ebook - ebooks free download site
                            </div>
                        </a>
                        <a href="http://ebook-dl.com/" target="_blank" class="detailContent">
                            <h3>
                                ebook-dl
                            </h3>
                            <div class="showContent">
                                ebook-dl | free download ebooks
                            </div>
                        </a>
                        <a href="https://github.com/justjavac/free-programming-books-zh_cn" target="_blank" class="detailContent">
                            <h3>
                                justjavac
                            </h3>
                            <div class="showContent">
                                justjavac/free-programming-books-zh_cn: 免费的计算机编程类中文书籍，欢迎投稿
                            </div>
                        </a>
                        <a href="http://www.jb51.net/do/book.html" target="_blank" class="detailContent">
                            <h3>
                                脚本之家
                            </h3>
                            <div class="showContent">
                                最近更新电子书 - 脚本之家
                            </div>
                        </a>
                        <a href="http://www.jieyaglass.com/jsjyhlw.html" target="_blank" class="detailContent">
                            <h3>
                                计算机 - pdf之家
                            </h3>
                            <div class="showContent">
                                计算机 - pdf之家-免费高清pdf电子书下载
                            </div>
                        </a>
                        <a href="https://www.lingfengyun.com/" target="_blank" class="detailContent">
                            <h3>
                                凌风云搜索
                            </h3>
                            <div class="showContent">
                                凌风云搜索是互联网最专业的免费资源搜索引擎 - 凌风云搜索
                            </div>
                        </a>
                        <a href="http://www.zhaowoyao.com/" target="_blank" class="detailContent">
                            <h3>
                                找我要论坛
                            </h3>
                            <div class="showContent">
                                【新提醒】找我要论坛—要书，要视频，要教程，要音乐，要电影，要资讯 - powered by discuz!
                            </div>
                        </a>
                        <a href="https://www.pdfdrive.net/" target="_blank" class="detailContent">
                            <h3>
                                pdf drive
                            </h3>
                            <div class="showContent">
                                pdf drive - search and download pdf files for free.
                            </div>
                        </a>
                        <a href="https://www.yabook.org/" target="_blank" class="detailContent">
                            <h3>
                                雅书
                            </h3>
                            <div class="showContent">
                                雅书 - pdf电子书学习下载站
                            </div>
                        </a>
                        <a href="http://hotbaidu.com/" target="_blank" class="detailContent">
                            <h3>
                                hotbaidu
                            </h3>
                            <div class="showContent">
                                hotbaidu – 众里寻书千百度
                            </div>
                        </a>
                        <a href="http://it-ebooks.info/" target="_blank" class="detailContent">
                            <h3>
                                it ebooks
                            </h3>
                            <div class="showContent">
                                it ebooks - free download - new releases
                            </div>
                        </a>
                    </section>
                </section>
                <section id="englishStudy" class="sectionNav">
                    <h2>英文学习</h2>
                    <section class="content">
                        <a href="http://www.enread.com/" target="_blank" class="detailContent">
                            <h3>
                                英文阅读网
                            </h3>
                            <div class="showContent">
                                英文阅读网
                            </div>
                        </a>
                        <a href="http://www.kekenet.com/" target="_blank" class="detailContent">
                            <h3>
                                可可英语
                            </h3>
                            <div class="showContent">
                                可可英语-在线英语学习_每日英语学习_免费英语学习网站
                            </div>
                        </a>
                        <a href="https://www.clipconverter.cc/" target="_blank" class="detailContent">
                            <h3>
                                clipconverter.cc
                            </h3>
                            <div class="showContent">
                                youtube to mp4 &amp; mp3 converter - clipconverter.cc
                            </div>
                        </a>
                        <a href="http://www.yywz123.com/" target="_blank" class="detailContent">
                            <h3>
                                英语学习网站123
                            </h3>
                            <div class="showContent">
                                英语学习网站大全_汇集国内外最好的英语学习网站，英语学习网站123，英语网站123_yywz123
                            </div>
                        </a>
                        <a href="http://www.qcenglish.com/" target="_blank" class="detailContent">
                            <h3>
                                七彩英语
                            </h3>
                            <div class="showContent">
                                七彩英语 - 英文电子书下载站 pdf|txt格式英文原版原著下载
                            </div>
                        </a>
                        <a href="http://www.lang-8.com/" target="_blank" class="detailContent">
                            <h3>
                                多国语言学习交流平台 | lang-8
                            </h3>
                            <div class="showContent">
                                多国语言学习交流平台 | lang-8: for learning foreign languages
                            </div>
                        </a>
                        <a href="https://cloud.tencent.com/developer/article/1041363" target="_blank" class="detailContent">
                            <h3>
                                腾讯云
                            </h3>
                            <div class="showContent">
                                java基础常见英语词汇 - 云+社区 - 腾讯云
                            </div>
                        </a>
                        <a href="https://www.kancloud.cn/haixu926611/study-english/112107" target="_blank" class="detailContent">
                            <h3>
                                看云
                            </h3>
                            <div class="showContent">
                                程序员不可不知的英文词汇(7) · 程序员英语单词册 · 看云
                            </div>
                        </a>
                        <a href="https://www.cnblogs.com/jiqing9006/p/5764449.html" target="_blank" class="detailContent">
                            <h3>
                                博客园
                            </h3>
                            <div class="showContent">
                                编程常用英语词汇大全 - tbhacker - 博客园
                            </div>
                        </a>
                        <a href="http://www.runoob.com/w3cnote/common-english-terminology-in-programming.html" target="_blank" class="detailContent">
                            <h3>
                                菜鸟教程
                            </h3>
                            <div class="showContent">
                                编程常用英语词汇 | 菜鸟教程
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/z770816239/article/details/80043967" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                (2条消息)计算机常用1700英语单词 - 第十六维 - csdn博客
                            </div>
                        </a>
                        <a href="https://blog.csdn.net/weixin_41560845/article/details/80036311" target="_blank" class="detailContent">
                            <h3>
                                csdn博客
                            </h3>
                            <div class="showContent">
                                (2条消息)1800个常用的java开发英文词汇 - weixin_41560845的博客 - csdn博客
                            </div>
                        </a>
                        <a href="https://byoungd.gitbook.io/english-level-up-tips/" target="_blank" class="detailContent">
                            <h3>
                                english 学习技巧
                            </h3>
                            <div class="showContent">
                                english 学习技巧
                            </div>
                        </a>
                    </section>
                </section>
                <section id="resourceShare" class="sectionNav">
                    <h2>资源分享</h2>
                    <section class="content">
                        <a href="https://www.leiyun.org/sf/f3e31c84b3829398fc86b99348cc4815.html" target="_blank" class="detailContent">
                            <h3>
                                慕课网
                            </h3>
                            <div class="showContent">
                                慕课网-wuzuowei.net_高速下载|雷云-分享你我
                            </div>
                        </a>
                        <a href="https://xingsenblog.com/" target="_blank" class="detailContent">
                            <h3>
                                邢森の博客
                            </h3>
                            <div class="showContent">
                                邢森の博客-yuyuan_qiu_1219...jou
                            </div>
                        </a>
                        <a href="http://ybmfx.com/" target="_blank" class="detailContent">
                            <h3>
                                100秒分享
                            </h3>
                            <div class="showContent">
                                100秒分享 - 让每一次阅读都有收获.
                            </div>
                        </a>
                        <a href="http://www.xz577.com/" target="_blank" class="detailContent">
                            <h3>
                                码农之家
                            </h3>
                            <div class="showContent">
                                码农之家 - 学习资源下载站
                            </div>
                        </a>
                        <a href="http://ranfs.com/cn/" target="_blank" class="detailContent">
                            <h3>
                                ranfs
                            </h3>
                            <div class="showContent">
                                ranfs 专注于文件和磁盘软件开发
                            </div>
                        </a>
                        <a href="http://www.newbiefly.com/" target="_blank" class="detailContent">
                            <h3>
                                编程资源库
                            </h3>
                            <div class="showContent">
                                编程资源库 - 专注于分享全面优质的it编程开发视频教程
                            </div>
                        </a>
                        <a href="https://www.dmcl.top/" target="_blank" class="detailContent">
                            <h3>
                                邢森的部落格
                            </h3>
                            <div class="showContent">
                                邢森的部落格
                            </div>
                        </a>
                        <a href="http://www.xwood.net/index.html" target="_blank" class="detailContent">
                            <h3>
                                it资源信息分享站
                            </h3>
                            <div class="showContent">
                                it资源信息分享站 | xwood.net - 小木人印象
                            </div>
                        </a>
                    </section>
                </section>
                <section id="music" class="sectionNav">
                    <h2>音乐</h2>
                    <section class="content">
                        <a href="https://music.163.com/" target="_blank" class="detailContent">
                            <h3>
                                网易云音乐
                            </h3>
                            <div class="showContent">
                                网易云音乐
                            </div>
                        </a>
                        <a href="http://www.app-echo.com/#/" target="_blank" class="detailContent">
                            <h3>
                                echo回声
                            </h3>
                            <div class="showContent">
                                echo回声 | 潮流音乐生活方式-3d音乐 弹幕社交 趣味铃声 变声录音 ktv
                            </div>
                        </a>
                        <a href="https://y.qq.com/" target="_blank" class="detailContent">
                            <h3>
                                qq音乐
                            </h3>
                            <div class="showContent">
                                qq音乐-千万正版音乐海量无损曲库新歌热歌天天畅听的高品质音乐平台！
                            </div>
                        </a>
                        <a href="https://www.xiami.com/" target="_blank" class="detailContent">
                            <h3>
                                虾米音乐
                            </h3>
                            <div class="showContent">
                                虾米音乐 - 听见不同
                            </div>
                        </a>
                        <a href="https://www.kugou.com/" target="_blank" class="detailContent">
                            <h3>
                                酷狗音乐
                            </h3>
                            <div class="showContent">
                                酷狗音乐 - 就是歌多
                            </div>
                        </a>
                        <a href="http://www.koowo.com/" target="_blank" class="detailContent">
                            <h3>
                                酷我音乐
                            </h3>
                            <div class="showContent">
                                酷我音乐_无损音乐正版在线试听网站
                            </div>
                        </a>
                        <a href="http://www.lavaradio.com/" target="_blank" class="detailContent">
                            <h3>
                                lava熔岩音乐
                            </h3>
                            <div class="showContent">
                                lava熔岩音乐-无音乐,不品牌-音乐助力你的生意
                            </div>
                        </a>
                        <a href="https://music.douban.com/" target="_blank" class="detailContent">
                            <h3>
                                豆瓣音乐
                            </h3>
                            <div class="showContent">
                                豆瓣音乐
                            </div>
                        </a>
                        <a href="http://music.taihe.com/" target="_blank" class="detailContent">
                            <h3>
                                千千音乐
                            </h3>
                            <div class="showContent">
                                千千音乐-听见世界
                            </div>
                        </a>
                    </section>
                </section>
            </article>  
</main>

<!--
<section id="footer">
    <footer>
        <h2>yuyuan 版权所有</h2>
    </footer>
</section>
-->

<script src="js/jquery-1.12.4.js" type="text/javascript"></script>
<script src="js/index.js" type="text/javascript"></script>
<script>

</script>
</body>
</html>